https://github.com/salvillalon45/the-nextjs-pagesrouter-guide
Learn how Next.js Pages Router Work!
https://github.com/salvillalon45/the-nextjs-pagesrouter-guide
client-side-rendering nextjs pages-router reactjs server-side-rendering static-site-generation typescript
Last synced: about 1 month ago
JSON representation
Learn how Next.js Pages Router Work!
- Host: GitHub
- URL: https://github.com/salvillalon45/the-nextjs-pagesrouter-guide
- Owner: salvillalon45
- Created: 2024-08-19T17:46:46.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-09-10T21:02:03.000Z (9 months ago)
- Last Synced: 2025-03-13T14:42:02.563Z (3 months ago)
- Topics: client-side-rendering, nextjs, pages-router, reactjs, server-side-rendering, static-site-generation, typescript
- Language: TypeScript
- Homepage: https://the-nextjs-pagesrouter-guide.vercel.app
- Size: 8.28 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## The Next.js Pages Router Guide
## Intro
I created this repo to learn more about NextJS. I use it at work, but I want to take a step further and understand more on the features of Next.js using the Pages Router. I also create an article that explains what is Pre-Rendering and Hydration to follow along with the concepts covered in this tutorial.
## Getting Started
In the GitHub repo you can find the code snippets for:
- A page implementing getStaticProps and getStaticPaths
- A page implementing getStaticProps
- A page implementing getServerSideProps with Client Side fetching
- A page to demonstrate Hydration Errors
- Using the API directory to implement our own API routes
To run the application
- Clone the repo
- do `npm install`
- do `npm run dev`