Is Remix better than Next.js?


Hey friend,

I gave a talk at React Rally โ†—๏ธ on React Framework Showdown and compared Next.js, Remix and Astro. I didn't hold back and gave some hot takes ๐ŸŒถ๏ธ. It can be nerve-wracking to give your opinions when you have so many folks in the audience actively working on the frameworks.

The talk went really well. I'll let you know once the recording is out. But today's newsletter will focus on parts of the talk.

-> I forgot to hit this newsletter's schedule button while travelling, so that's my bad. I'm here now, so I will make it up to you with more content than ever.

๐Ÿฟ Is Remix better than Next.js?

Here's the thing: I have a lot of content on Next.js, a course coming up on Next.js โ†—๏ธ, workshops, and a YouTube channel filled with Next.js content.

But I need to be fair and square if a particular framework is better, so let's compare the two in this post.

Here's why,

It unifies the client and server with web standards so you can think less about code and more about your product.

As Remix focuses on web standards, it uses native methods (POST, PUT, DELETE, PATCH) to handle forms instead of JavaScript. This helps reduce the overhead of creating custom docs that are harder to maintain as web standards change.

You can use Remix to create a standard CDN-hosted SPA or easily migrate that to SSR hosted on any server.

What makes Next.js Special?

Next.js provides automatic performance optimizations, server components, and server actions. Still, more importantly, it offers different data fetching methods, such as state site generation, server-side rendering, incremental static regeneration, and more.

Since Next.js has been around for a long time, the ecosystem has grown quite a bit compared to Remix, which means there are more production apps on Next.js than on Remix.

If you love React Router, then you'll love Remix.

The majority of the work a framework does is to handle different routes. Now, after upgrading to React Router v7, you also use Remix.

This is impressive since there are millions of downloads for React Router so this was a great strategic decision.

Is Next.js better than Remix?

Well, it depends ๐Ÿ˜‰.

If you are looking for granular caching controls with different data fetching mechanisms and are okay with deploying your apps with Vercel or self-hosting them with Docker, then Next.js is great. Plus, the ecosystem around Next.js is massive.

Comparatively, if you are looking to align more closely to the web standards and are already using React Router, then Remix is a better choice as it's an instant upgrade.

I will create a YouTube video on the same topic, so check that out.

๐Ÿคซ Latest Frontend News

Tanner is working on a new framework known as the TanStack Start โ†—๏ธ. If you have used React Query, aka the TanStack query, before, this one gets better.

Would you like to deploy your Next.js apps anywhere? Well, OpenNext is here for it โ†—๏ธ. OpenNext takes the Next.js build output and converts it into packages that can be deployed across various environments.

โ€‹From Web to Native with React โ†—๏ธ explains how to seamlessly transition from web development to native apps using React and Expo.

โ€‹Diving deep into Git โ†—๏ธ - its use cases and advanced techniques.

You can generate personalized tabloids quickly and easily. โ€‹Learn more here โ†—๏ธโ€‹.

Supabase has announced a new app โ†—๏ธ which lets you spin up an unlimited number of Postgres databases directly in the browser and let AI build your schema, aka In-browser Postgres, with AI chat.

โ€‹This is an underrated feature in Next.js โ†—๏ธ

Enable `experimental.typedRoutes` in Next Config. You can prevent typos and other errors when using next/link, improving type safety when navigating between pages.

โ€‹

โ€‹Whatโ€™s coming next in ESLint โ†—๏ธ, Writing lint rules has never been easier! Here are a few exciting updates,

  1. Introduction of Language Plugins: ESLint is becoming language-agnostic, allowing it to lint JavaScript and other languages like JSON and Markdown.
  2. Core Rewrite: ESLint is undergoing a complete core rewrite to address technical debt, add modern features, and support a more modular and composable API.
  3. Modern Package Standards: Future-proofing ESLint and making it more adaptable to various JavaScript runtimes.

โ€‹Astro 4.3.3 is out โ†—๏ธ,

Here are three important updates regarding upgrading Astro:

  1. Upgrade Command: You can run npx @astrojs/upgrade to upgrade everything together.
  2. Actions will now redirect to the route specified in your action string on success and back to the previous page on error.

๐Ÿ’– Weekly Youtube Videos

Check it out and subscribe to my channel โ†—๏ธ for more Frontend, Leadership and Career Development content.

Learn Zod in 5 minutes
(yes 5 minutes)
โ€‹

video previewโ€‹

You're accidentally leaking data w/ Server Actions

video previewโ€‹

What do you think of today's Newsletter? Simply click on one of the links below.

โ€‹๐Ÿ”ฅ ๐Ÿ˜ ๐Ÿ‘Žโ€‹

Ankita Kulkarni

Join 9200+ subscribers reading by weekly personalized Newsletter that helps developers level up their skills through weekly Frontend and Leadership Snacks. You get a deep dive into a Tech topic, Actionable tips to excel in your career and a toolbox!

Read more from Ankita Kulkarni
React 19.2 Activity

Hey Reader, Iโ€™ve been diving deep into React 19.2 and Next.js 16 Beta this week, and honestly, itโ€™s such a solid update. I have started to incorporate so many of the features in my Next.js Custom Course Platform and have seen massive improvements. But before we jump into this weekโ€™s snack, letโ€™s hear it from our sponsor. ๐Ÿ‘‡ But before that, let's hear it from our Sponsor. PRESENTED BY CODERABBIT AI Most AI test tools just throw random assertions at your code and call it โ€œcoverage.โ€ But they...

useEffectEvent

Hey Reader, This week was huge for web dev ๐Ÿš€. React 19.2 just landed with fixes for some of the most annoying bugs, Sonnet 4.5 dropped with major AI upgrades, and the ecosystem feels like itโ€™s moving faster than ever. Iโ€™ve rounded up the highlights (and why they matter) along with this weekโ€™s Snack for you below ๐Ÿ‘‡ But before that, let's hear it from our Sponsor. PRESENTED BY CODERABBIT AI Most AI code reviewers feel shallow, they look at syntax, patterns, maybe a guideline or two, but they...

use-cache

Hey Reader, Iโ€™ve got some fun news to share ๐ŸŽ‰ Iโ€™m beyond excited to share that Iโ€™ll be speaking at the official Next.js Conf ๐Ÿ’–. Iโ€™m one of the featured speakers (!!) and would love for you to join me. My talk is called:โ€œBuild. Scale. Teach: Architecting and Scaling a Production-Ready Modern Course Platform with Next.jsโ€ Make sure to sign up here and come hang out during my sessions ๐Ÿš€ And... I finally made the move to Italy ๐Ÿ‡ฎ๐Ÿ‡น. Back in 2019 I almost moved to Europe, but the world had other...