This is a Next.js project bootstrapped with create-next-app
.
First, run the development server:
npm run dev
# or
yarn dev
If you don't want to use an API to update your data, just go to the pages/index.jsx
'Homepage.getInitialProps
' and paste the following code there:
Homepage.getInitialProps = async () => {
user.content = {
username: `Lunish`,
nickname: `Luna`,
avatar: `https://cdn.discordapp.com/avatars/821472922140803112/a_821f41012a430779fb354fa201a97529.gif?size=2048`,
nickavatar: `https://cdn.discordapp.com/guilds/923346903289184336/users/821472922140803112/avatars/15fb29ee64bd696c3a79bdfe56a8fa0e.png?size=2048`,
banner: `https://cdn.discordapp.com/banners/821472922140803112/a_476c6e1379984c9c6b39f3f2a6e12790.gif?size=600`,
status: {
state: {
text: `Unknown`,
color: `#747F8D`
},
emote: null,
text: null
},
activities: [],
accentColor: `b6334c`
};
error = true;
return { user: user?.content, error: error };
}
The best way to use this website is using an internal-API.
You can set the API url in the config.json
and the URL path in the pages/index.jsx
.
Here is an example on how the response data of your API should look like:
{
"status": 200,
"message": "OK",
"content": {
"id": "821472922140803112",
"username": "Lunish",
"discriminator": "8888",
"nickname": "Luna",
"nickavatar": "https://cdn.discordapp.com/guilds/923346903289184336/users/821472922140803112/avatars/f78efecce67311140d1cdcd67446768d.png?size=2048",
"status": {
"state": {
"text": "idle",
"color": "#FEE75C"
},
"emote": "https://cdn.discordapp.com/emojis/806899941200363582.png?size=2048",
"text": "bla bla bla"
},
"activities": [
{
"applicationId": "463097721130188830",
"name": "YouTube",
"url": null,
"details": "06 Sportfreunde Stiller - Es Muss Was Wunderbares Sein Von Mir Geliebt Zu Werden",
"state": "Listening to a playlist",
"createdTimestamp": 1640811066009,
"timestamps": {
"start": null,
"end": 1640811170000
},
"assets": {
"large": {
"text": "PreMiD v2.2.0 • Ext v2.2.3",
"image": "https://cdn.discordapp.com/app-assets/463097721130188830/513734690272968717.png"
},
"small": {
"text": "Playing",
"image": "https://cdn.discordapp.com/app-assets/463097721130188830/493061639994867714.png"
}
}
}
],
"createdTimestamp": 1615924806867,
"avatar": "https://cdn.discordapp.com/avatars/821472922140803112/22c9e9cbae3d9a7dffeb398c65b19582.png?size=1024",
"banner": "https://cdn.discordapp.com/banners/821472922140803112/d5e6e489192492b43660a6a09359fd53.png?size=600",
"accentColor": "#e5acbb"
}
}
If you need help don't hesitate to join our discord and ask for help.