NextJS

1. Theory

2. Prerendering

   1. SSG (Static site generation)
   2. SSR (Server side rendering)
   3. Suspense SSR Arch
      1. HTML streaming
      2. Selective hydration
   4. ISR (Incremental site generation)
   5. RSC (React server components)
   6. Pros and cons

3. Routing

   1. file based
   2. app based
   3. how to route
   4. dynamic route
   5. Catch all segments [...<slug>]
      1. optional catch all [[...]]
   6. Navigation
      1. Link component
         1. replace
      2. usePathname
         1. startWith
      3. useRouter
         1. push()
         2. replace()
         3. back()
         4. forward()
   7. Parallel Routes
      1. slots (@)
      2. pros and cons
      3. default.tsx
   8. Conditional Routes
   9. Intercepting Routes
      1. (.)<route>
      2. (..)<route>
      3. (..)(..)<route>
      4. (...)<route>

4. Routing metadata

   1. why?
   2. static vs dynamic metadata
   3. priority
   4. layout vs page metadata
   5. title metadata
      1. absolute
      2. default
      3. template

5. Pages

   1. not-found.tsx & notFound()
   2. loading.tsx
   3. error.tsx
      1. Error boundary
      2. error object
      3. reset
      4. error bubbling
   4. File colocation
   5. private folder
      1. _
      2. advantages
      3. %5F
   6. Route groups

6. Layout

   1. nested layout
   2. route group layout

7. Templates

   1. why?
   2. templates vs layout
   3. using both

8. Component hierarchy

   1. Layout > Template > Error Boundary > Suspense > Erro Boudy (not found) > Page

9. Route Handlers

10. RSC (React server component)

11. API routes

12. Rending

    1. client side
    2. server side

13. Date fetching

14. STyling

15. Optimization

16. Layouting

17. Loading state

18. Error bordering

19. SEO

    1. Metadata

20. Fetching data

    1. Using server comp
    2. In parallel
    3. Fetch data where It’s used
    4. Streaming and suspense

21. Deduplication

22. Caching

    1. ISR (Incremental site generation)
    2. {cache: force-cache}
    3. {cache: no-store}
    4. {next: {revalidate: 60}}

23. Dynamic params