NextJS

A Server Side Rendering js framework. Based off ReactJS.

• Good for webscrapers
• Good for speed

Setup

npx create-next-app <appname>

Project Files

1. /app - NextJS App Router
2. /pages - NextJS Page Router
3. /public - Static assets to be served
4. /src - optional source folder
5. /next.config.js - nextjs conig
6. /middleware.ts - middleware files
7. /next-env.d.ts - TypeScript type declarations
8. layout.js

Concepts

• React Server Components
• Static Generation
• Server Side Rendering
• Parent Component
• Child Component
• NextJS Page Router
  • NextJS Dynamic Pages
• NextJS App Router
  • NextJS Nested Route
  • NextJS Dynamic Route
  • NextJS Nested Dynamic Route
• NextJS Data Fetching
• NextJS Server Actions
• JavaScript Onload Event
• NextJS Fonts
• NextJS Link
• NextJS Assets
• NextJS Markdown