What is Next.js?
Next.js is a popular React framework for building fast websites and web apps with server rendering.
Definition
It adds routing, server-side and static rendering, image optimisation and more on top of React. Many marketing sites and products are built with it.
Why it matters
Server rendering and speed make it strong for SEO, and its popularity means many developers can work on a Next.js site.
How to get it right
- Render content pages on the server or statically.
- Use its image component for responsive images.
- Keep client components small.
- Give every page its own metadata.
Mistakes to avoid
- Making every component client-side
- Ignoring metadata
- Shipping large libraries to every page
Related terms
- Server-side rendering (SSR)Server-side rendering means a page's HTML is produced on the server, so it arrives ready to display.
- Tailwind CSSTailwind CSS is a utility-first CSS framework where styles are applied with small, single-purpose classes.
- Headless CMSA headless CMS stores and manages content without controlling how the website displays it.
Orlume, the design-first AI website builder, gets the details on this page right for you: describe your site in one prompt and it decides the layout, type, colour and structure, builds it in React and Next.js and puts it live in one click.
Free to start · No card required · Live in one click
More building and hosting terms
Questions, answered.
The things people ask before they start building.
What is Next.js?
Next.js is a popular React framework for building fast websites and web apps with server rendering. It adds routing, server-side and static rendering, image optimisation and more on top of React. Many marketing sites and products are built with it.
Why does Next.js matter?
Server rendering and speed make it strong for SEO, and its popularity means many developers can work on a Next.js site.
How do you get next.js right?
Render content pages on the server or statically. Use its image component for responsive images. Keep client components small. Give every page its own metadata.
Still stuck? Email usBuild something that doesn't look AI-made.
Describe the site you want. Watch it get designed, not just generated. Then publish it to its own orlume.site address.
- Free to start
- No card required
- Publish to a live URL
- You own the code