Next.js

You might say

Is there a framework for building a full React site with routing and SEO?

A React framework for building full websites and web applicationsWhen someone opens /products/42, Next.js can find that product page and fetch product data on the server before showing it. It does not automatically provide a product database or permission system.

Know first

React npm

Next

What does Next.js find for `/posts`?

app⌁ page.tsx⌄ posts⌁ page.tsx

Terminal

$ GET /
Matched app/page.tsx
✓ Home page generated

example.com/

Welcome backOpen the post list from the URL above

How a URL becomes a prepared page

The URL maps to a file：In the App Router, /posts maps to app/posts/page.tsx.

The server can prepare content：That page can fetch an article list on the server before the result is sent.

The browser displays it：The browser receives the page, then interactive parts can take over there.

Learn next

1React→2TypeScript→3Tailwind CSS→4shadcn/ui→