A portfolio website designed to utilise industry relevant such as NextJS and GraphQL, and to showcase my evergrowing knowledge of Backend and Frontend concepts, best practices, and even have a bit of fun! 👨🎨
Strapi only supports up to Node v18 currently, so you'll need to stick with what has been specified in the respective .nvmrc files for both Backend and Frontend — at the moment both are using lts/hydrogen.
If you're using Node Version Manager and already have lts/hydrogen installed then you can navigate to the respective directory and select it using nvm use.
Otherwise, you'll need to install this version of Node manualy from the Node website, or via nvm with nvm install lts/hydrogen.
Once you're done with that, navigate to Respective Directory (FE/BE) for a detailed overview of setting up your local dev environment.
| Technology | Use | Description |
|---|---|---|
| Strapi | Headless CMS | Integrates with GraphQL & AWS S3 Plugin |
| NextJS | React Framework | A flexible React framework that gives you building blocks to create fast web applications. |
| NodeJS | JavaScript Runtime | As an asynchronous event-driven JavaScript runtime, Node.js is designed to build scalable network applications |
| Apollo | Open Source ORM | A comprehensive state management library for JavaScript that enables you to manage both local and remote data with GraphQL |
| GraphQL | API Query Language | Utilised to create concise queries from the frontend interface to backend API |
| TailwindCSS | CSS Utility Framework | A utility-first CSS framework designed to enable users to create applications faster and easier |
| TypeScript | Superset of JavaScript | Used for type safety and various other in-editor debugging features |