You can find a live version at jan-cs.com.
- node - v20.5.0
- npm - 9.8.0
- install dependencies -
npm config set legacy-peer-deps true && npm i && npm install node-sass@latest && npm update && npm install
(can skipnpm update
) - install gatsby cli -
npm install -g gatsby-cli
- install lintering -
npm install --save-dev eslint-plugin-prettier
npm run develop
- start off your website quickly (eg. without compiling)gatsby build
- build your code (eg. compile your code into public folder)gatsby serve
- serve your built codegatsby clean
- remove your built code (eg. the one from /public folder)npm linter
- linter your repo
- You should utilize already existing designs created for material-ui
- The public folder is autogenerated (therefore better to ignore it within git), yet for CV re-direct (look
href="/resume.pdf"
) code snippet to work, the resume.pdf has to be in/public
folder. - Therefore my own command to built for deployment is:
gatsby clean && gatsby build && cp src/assets/resume.pdf public/.
- Gatsby (Based on React)
- Material-UI
- react-tsparticles
- react-vertical-timeline-component
- ... and more!
- This site has been deployed w. (Netlify)[https://app.netlify.com/sites/storied-rolypoly-2a6b90/deploys] (amazing CI & CD! Auto-deploy on pushing code changes to main branch).
- Netlify deploys the site to this domain: (https://storied-rolypoly-2a6b90.netlify.app/)[https://storied-rolypoly-2a6b90.netlify.app/]
- Bought
jan-cs.com
domain vianamecheap.com
, and set up DNS (via namecheap) to re-direct fromjan-cs.com
to netlify's url.