This is v3 of my personal portfolio website created using Next.js, TypeScript & DatoCMS.

Optimizing loading speed and accessibility were my highest priority during the realization of this project. You can check out the live project by clicking here.

• Next.js / React
• TypeScript
• DatoCMS (Headless CMS)
• GraphQL Request Library
• Tailwind CSS
• Animate-on-Scroll (AoS)
• ESLint & Prettier
• Husky (Simple Git Hooks)
• Next.js plugins: next-sitemap
• Docker for deployment as hosted Node.js-Server

After cloning / downloading this repository first install the dev-depencies with NPM by using the following CLI-command:

yarn install

You can then launch a dev server with the following command:

yarn dev

To run the site with all content in dev mode without having to fetch data from DatoCMS, just go into the global config file config.ts in the /src folder and set useMockData: true.

You can build the static assets needed for deployment with the following CLI-command:

yarn export

The files will be build and bundled into the "out" folder. These files can then be deployed to any static web server or a PaaS like Netlify.

Group imports using comments in the following order:

// interfaces,types,schemas,models
// constants
// mocks
// transformers
// selectors
// actions
// components
// hooks
// styles
// redux
// sagas
// db
// use cases
// services
// utils
// resources