Hey Everyone !
This is a quick demo I put together using Next JS as a small introduction.
To get started and run the app first run
npm install
# and then
npm run dev
This will install dependencies and start the development server on http://localhost:3000
- First check out the [Pages] folder. These files relate to routes on the app. For example about.js creates a route http://localhost:3000/about.
- Next note the [styles] folder. Styles for pages should go in this folder whereas styles for components should be put together with the component js file.
- Speaking of, components allow us to create reusable elements through out app. Similar to lit-html which you would have used in the Vanilla-SPA.
- The structure and more of the minute details may take some getting used to but as you can see, building up each page is quite similar to the html and css we are already quite used to.
Here are some links about next js if you are want to read further and understand more details.
For any questions please feel free to ask