This repository was created for a workshop. In this workshop, we will rebuild a React Single Page Application (SPA), using NextJS. Going over what changes we can make and some of the benefits.
Before we dig into the website: All content on this website / in this repository was generated by ChatGPT. For each page I fed ChatGPT with a one-liner based on which the articles were written. None of the content on this website should be taken seriously.
There are six workspaces:
mock-db
, this is a mock database system. This workspace is used as a module and does not need to be run.mock-api
, this is a REST API server, usingmock-db
as its datasource. This does need to be run.react-spa
, this is the React SPA frontend application, it fetches data from the REST API.nextjs-site
, this is an empty/clean NextJS project that we will rebuild our website into.slides
, the slides to accompany this workshoptypes
, just a few typescript interfaces that can be used across different workspaces
To run the website, you will need to execute the following commands:
npm install
ornpm ci
npm run mock-api
(keep this terminal open)npm run spa:dev
(in a second terminal window)npm run nextjs:dev
(when we get to it)slides
(To open the slides on your own computer)