    █                     █                     █
  █ █                   █ ▓ █                 █ ▓
  ▓ ▓ █                 ▓ ▓ █                 █ ▓
█ ▓ ▓ ▓ █             █ ▓ ▓ ▓ █             █ ▓ ▓
█ ▓ ▓ ▓ █ █ █         █ ▓ ▓ ▓ █ █         █ █ ▓ ▓
▓ ▓ ▓ ▓ ▓ ▓ █ █ █ █ █ ▓ ▓ ▓ ▓ ▓ █ █ █ █ █ █ ▓ ▓ ▓

Next.js vs Traditional React: When to Use What

By Mack GrissomOctober 15, 2024·1 min read

Next.jsReact

Inspect the projects and evidence behind the writing

Clients ask me this all the time: "Do I need Next.js or is plain React fine?" Short answer: it depends on what you're building. Here's how I think about it.

Go with Next.js When...

SEO matters. Server-side rendering gives search engines fully rendered pages. If you need to rank on Google, this is huge.
Performance is a priority. Automatic code splitting, image optimization, edge functions. Next.js handles a ton of this out of the box.
You want full-stack in one repo. API routes, server actions, middleware. No need for a separate backend for many use cases.
Your site is content-heavy. Blogs, portfolios, marketing pages. Static generation makes these insanely fast.

Stick with Vite + React When...

You're building internal tools. Admin dashboards and internal apps don't need SEO. A simpler setup gets you moving faster.
It's a single-page app. If the whole app lives behind a login, client-side rendering works fine.
You're prototyping. Speed of setup matters more than long-term architecture when you're validating an idea.

What I Default To

Choose based on the rendering, routing, hosting, and backend needs of the project. A framework does not guarantee good performance or search visibility; the implementation still needs testing.

Put this into practice

Work directly with me on the part of this your business needs.

Freelance Next.js and React development Creative WebGL and Three.js development

Put this to work in your business.

Describe one workflow you want to improve, or an AI system you need to review. Start with a scoped brief, a useful outcome, and a way to measure it.

Scope a useful first step

Back to all posts