https://github.com/fluroash/nextjs-portfolio

Built with NextJS (Pages), Strapi, Tailwind & GraphQL
https://github.com/fluroash/nextjs-portfolio

apollo blog graphql nextjs nodejs portfolio strapi tailwind tailwindcss typescript

Last synced: 1 day ago
JSON representation

Built with NextJS (Pages), Strapi, Tailwind & GraphQL

• Host: GitHub
• URL: https://github.com/fluroash/nextjs-portfolio
• Owner: FluroAsh
• Created: 2022-11-13T12:10:05.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-08-11T12:18:55.000Z (6 months ago)
• Last Synced: 2024-08-12T10:26:26.510Z (6 months ago)
• Topics: apollo, blog, graphql, nextjs, nodejs, portfolio, strapi, tailwind, tailwindcss, typescript
• Language: TypeScript
• Homepage: https://www.ashleygthompson.com
• Size: 6.44 MB
• Stars: 6
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# [Ashleys' Portfolio Website](http://ashleygthompson.com)

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! 👨‍🎨



   



## 🥸 Before You Start...

### Node Version

[Strapi](https://docs.strapi.io/developer-docs/latest/setup-deployment-guides/installation/cli.html) 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](https://github.com/nvm-sh/nvm) 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](https://nodejs.org/en/download/releases/), or via [nvm](https://github.com/nvm-sh/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**.

## Tech Stack

| Technology | Use | Description |

|----|----|----|

| [Strapi](https://strapi.io) | Headless CMS | Integrates with **GraphQL** & **AWS S3** Plugin

| [NextJS](https://nextjs.org) | React Framework | A flexible React framework that gives you building blocks to create fast web applications. |

| [NodeJS](https://nodejs.org/en) | JavaScript Runtime | As an asynchronous event-driven JavaScript runtime, Node.js is designed to build scalable network applications |

| [Apollo](https://www.apollographql.com) | Open Source ORM | A comprehensive state management library for JavaScript that enables you to manage both local and remote data with GraphQL |

| [GraphQL](https://graphql.org) | API Query Language | Utilised to create concise queries from the frontend interface to backend API |

| [TailwindCSS](https://tailwindcss.com) | CSS Utility Framework | A utility-first CSS framework designed to enable users to create applications faster and easier |

| [TypeScript](https://www.typescriptlang.org) | Superset of JavaScript | Used for type safety and various other in-editor debugging features |