Dyplay / luna-site

This is the source of my new website.

Basics

This is a Next.js project bootstrapped with create-next-app. First, run the development server:

npm run dev
# or
yarn dev

NOT using Internal API

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 };
}

Internal API

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"
    }
}

Help

If you need help don't hesitate to join our discord and ask for help.