Learning SSR, ISR, SSG, CSR etc, with new app directory and other new features.
Random Images without api key: Here (But this doesn't provide json)
Here we are using This API
- List of images (json): https://picsum.photos/v2/list
- With page number & limit: https://picsum.photos/v2/list?page=2&limit=100
- Get image JSON by id: https://picsum.photos/id/0/info
- Get image of specific id: https://picsum.photos/id/106/2592/1728
Next 13.4+ features covered:
-
App router
-
ignore folders from routes using ()
-
next/navigation (pathname etc..)
-
Different data fetching techniques:
- SSR
- SSG
- ISR
- revalidation (3 ways)
- caching
- CSR
-
Metadata
-
Generate Dynamic metadata
-
Generate Static Params
-
Disable Dynamic Params
-
not-found, error and layout files
-
API routes (GET, POST, PATCH, DELETE requests)
-
nextjs config
-
Social media OG image (opengraph-image.png)
Others:
- Tailwind
- Typescript