全栈框架next.js

· 139 words · 1 minute read

what next.js is 🔗

react: a library for building interactive UIs

next.js: is dependent for react. A framework = libs + tools + conventions.

next.js router, so no need to do npm i react-router.

compiler(Transform & minify JS code) -> CLI(Build & start apps) -> Node.js Runtime(Execute JS code).

Full-Stack Development. (Front-end + Back-end) in one next.js project. But without next.js, react project for frontend, other language project for backend.

web browser(run front-end code) & node.js runtime (back-end code)

creating a next.js project 🔗

npx create-next-app@latest

router: based on convention not configuration.

vs code plugin 🔗

ES7, TypeScript, Tailwind CSS

client and server components 🔗

data fetching 🔗

caching 🔗

static and dynamic rendering 🔗