m.orciuch.org - Personal portfolio

This website is a week long project that started after I became disappointed with my old site.

Stack

I used Next.js to be able to host for free on Vercel with no extra hassle. Used ChakraUI and Three.JS (using @react-three/fiber).

Development

To run this app, install the project dependencies:

yarn

Then, run the site in development mode:

yarn dev

Lastly, make a .env.local in the root directory and add the following:

# Add the public site key here
NEXT_PUBLIC_RECAPTCHA_SITE_KEY=<captcha site key>
# Add the secret key here
RECAPTCHA_SECRET_KEY=<captcha secret key>

You can obtain these keys here.

Recommended .vscode/launch.json:

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "pwa-node",
            "request": "launch",
            "name": "Next: Node",
            "runtimeExecutable": "${workspaceFolder}/node_modules/.bin/next"
        }
    ]
}

Recommended .vscode/settings.json:

{
    "editor.codeActionsOnSave": { "source.fixAll.eslint": true }, 
    "editor.formatOnSave": true, 
    "eslint.alwaysShowStatus": true, 
    "files.autoSave": "onFocusChange",
    "eslint.run": "onSave"
}