Skip to main content

Next.js ↔ fullstack React Framework for SSG & now official react team approval?! headless CMS

aka next, nextjs

Next 13​

version 13 of Next.js, beta, latest as of October 25th, 2022

Next 12​

verion 12 of Next.js, deprecated as of October 25th, 2022

Next Component

Next Concepts​

Next.js opinionated solutions to various fullstack design concerns

Next Setup

Next Definition

Nextra​

opinionated SSG solution for nextjs

References​

  1. Next 12 ↔ verion 12 of Next.js, deprecated as of October 25th, 2022

  2. Next 13 ↔ version 13 of Next.js, beta, latest as of October 25th, 2022

  3. Tree ↔ Next.js folder struct to def Hierachy for File System Router

  4. next dev ↔ to start Next.js in dev mode

  5. Next Scripts ↔ package.json scripts for Next.js project

  6. Next Data Fetching ↔ Opinionated Design Patterns in Next.js for Data Fetch situations

  7. (_default_) [**_Next.js_**](next-js) requests are all [Static Fetch](static-fetch) ↔ to minimise load on backend & improve performance. Need to opt-in to Dynamic Fetch

  8. Next Concepts ↔ Next.js opinionated solutions to various fullstack design concerns

  9. Next CLI ↔ Next.js CLI Dev tool to start/build/test project from Terminal

  10. create-next-app ↔ Next.js Scaffolding Dev tool with wizard setup

  11. next-code-elimination-tool ↔ Next.js online tool to verify Dead Code

  12. API Route Helpers ↔ Next.js utility function to work with API Endpoints

  13. Index Route ↔ Next.js routes all index.tsx Page to Leaf dir

  14. Vercel ↔ PaaS dev of Next.js, parcel, Serverless JAMstack CDN

  15. Gatsby ↔ SSG for pure blogs. Next.js alt for pure static sites. 412K vs next 3.5M WDL. GraphQL

  16. next ↔ Next.js npm Package

  17. Svelte Kit ↔ Svelte equi of Next.js for unified fullstack dev environ for apps

  18. Page ↔ export default FC to display unique UI for next File System Router

  19. next lint ↔ to run Next.js with build-in ESLint

  20. next start ↔ to start Next.js prod server

  21. next build ↔ to build Next.js App for prod

  22. Nextra ↔ opinionated SSG solution for nextjs

  23. react-router+file-system Router ↔ similar to nextjs File System Router

  24. SSG over ISR for docs ↔ When starting this project, I was largely torn over whether to go with Next.js+Nextra vs docusaurus. Now, with the full experience of deploying this website, I can properly discuss the tradeoffs and lessons learned from going with Docusaurus over Nextra. [WRITING IN PROGRESS][ADD SOME PICTURES!]