--- title: "How to Build and Deploy Remix Apps to Netlify" description: "Learn how to build, host and deploy your Remix apps to Netlify, and get them up and running quickly for free." source: "https://www.netlify.com/blog/how-to-deploy-remix-apps-on-netlify/" last_updated: "2026-07-10T20:31:08.000Z" --- Have you heard about Remix? Do you love it? Yes? Okay. Well in case you haven’t, it’s a newly open-sourced fullstack framework for building modern web apps. It is focused on providing a fast, resilient, and slick user experience for both you (the developer) and your users. If it sounds great and you want to give it a try, [get started here!](https://remix.run/docs) Now that we are all familiar, allow me to show you the fastest, quickest and smoothest way to deploy your Remix apps on Netlify. ## Deploy with Git First, start with selecting Netlify as a deployment target when you create a new Remix app. The CLI command to create a new Remix app is: ``` npx create-remix@latest ``` When you run this command, the next prompt will ask you to select a deployment target: ![Select Netlify as a deployment target for Remix](https://res.cloudinary.com/netlify/image/upload/v1646927603/blog/remix-cli.png) Scroll down to Netlify and hit enter. When the project setup process is done, you should see that you have a `netlify.toml` file created and prefilled as part of your code files. This file will look like this: ``` [build] command = "remix build" functions = "netlify/functions" publish = "public" [dev] command = "remix watch" port = 3000 [[redirects]] from = "/*" to = "/.netlify/functions/server" status = 200 [[headers]] for = "/build/*" [headers.values] "Cache-Control" = "public, max-age=31536000, s-maxage=31536000" ``` With that, you can go ahead and build the next big thing with Remix. When you’re done and ready to share with the world, push the project to your preferred Git provider. ### Connect Your Netlify Account to Your Remix Project Now go to your [Netlify UI](https://app.netlify.com/), and press the following buttons: - **Add new site** (select the option to import an existing project from your Git provider). - Select the Git repository containing your Remix project At this point, Netlify will auto-detect the configurations in your `toml` file and prefill the deployment form for you. ![Prefilled Remix deployment form](https://res.cloudinary.com/netlify/image/upload/v1646927603/blog/prefilled-deployment-form.png) As a result, all you have to do is click **Deploy site!** And that’s it! To recap quickly in less detail, here’s how to deploy a Remix site on Netlify: 🚚 Push your Remix project to Git. ✅ In your [Netlify UI](https://app.netlify.com/), select your Remix project repository. 🚀 Deploy. Too simple? I think so too. ## Deploy from the CLI If you’re a fan of hacking with the CLI, you’re not left out. You can deploy Remix apps on Netlify with a handful of commands, here’s how: - Install the [Netlify CLI](https://www.netlify.com/platform/core/cli/) if you don’t already have it by running this command: ``` npm i -g netlify-cli@latest ``` - Next, log in to your Netlify account via the CLI with: ``` netlify login ``` - Create a new Netlify site by running this command: ``` netlify init ``` - Now, run the Netlify build command to generate your Remix site into the `/public` folder. - And finally, deploy your app to the world, run: ``` netlify-deploy --prod ``` Annnnnnnnnnnnnnnd that’s it, you should now see your website URL printed on your terminal for the whole world to use. Remember, if your experience is different from the steps written here or something didn’t quite work as expected, you can [tell us about it here](https://answers.netlify.com/) and we’ll assist you. ### Share - [X (fka Twitter)](https://twitter.com/intent/tweet?text=How to Deploy Remix Apps on Netlify&url=https://www.netlify.com/blog/how-to-deploy-remix-apps-on-netlify/) - [LinkedIn](https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fwww.netlify.com%2Fblog%2Fhow-to-deploy-remix-apps-on-netlify%2F) - [Facebook](https://www.facebook.com/sharer.php?u=https://www.netlify.com/blog/how-to-deploy-remix-apps-on-netlify/) - [Bluesky](https://bsky.app/intent/compose?text=How to Deploy Remix Apps on Netlify+https://www.netlify.com/blog/how-to-deploy-remix-apps-on-netlify/) * * * ### Tags - [remix](/blog/tags/remix/) - [Deploy](/blog/tags/deploy/) ## Keep reading ![](/_astro/bfca2afa6eafc11ab75e8db6d330f0dfac791123-1500x1381_20EQhk.webp) Guides & Tutorials April 26, 2022 [ ### Deploy Your Remix + Supabase App Today! ](/blog/deploy-your-remix-supabase-app-today) - ![Profile picture of Tara Z. Manicsic](/_astro/2ac74d0595066130d59f8c97e61332017cdbcb94-1000x921_ZyTafG.webp) Tara Z. Manicsic ![](/images/blog-fallback-thumbnail.svg) Guides & Tutorials May 16, 2022 [ ### How to Use the Remix Framework with Edge Functions ](/blog/how-to-use-remix-framework-with-edge-functions) - ![Profile picture of Melanie Crissey](/_astro/ca2e7ff6f97a809119f3c1b9bf99a437eab6b3c4-956x956_WHlf.webp) Melanie Crissey ## Recent posts News & Announcements June 25, 2026 [ ### Netlify Functions, designed for Agent Experience ](/blog/netlify-functions-designed-for-agent-experience) - ![Profile picture of Eduardo Bouças](/_astro/52958f21e8450baf6d8e60302341a984e220c0cd-512x512_13VDlu.webp) Eduardo Bouças News & Announcements June 24, 2026 [ ### How we measure Netlify’s Agent Experience ](/blog/how-we-measure-netlify-agent-experience) - ![Profile picture of Sean Roberts](/_astro/bbf2243f8171dbddd80ab2103622106cef84d125-512x512_Z1d2LKE.webp) Sean Roberts Guides & Tutorials May 15, 2026 [ ### How to build a real-time AI chatbot in minutes with Netlify Agent Runners (no backend) ](/blog/how-to-build-a-real-time-ai-chatbot-in-minutes-with-netlify-agent-runners-no-backend) - ![Profile picture of Nahrin Jalal](/_astro/f0e7c8f227a03fe58340c99ef5439d5a896c0733-272x272_Z23kDpD.webp) Nahrin Jalal ![](/_astro/3f255b372fa958df35802666ee33b4609b2d71bd-1200x1586_1VtE2D.webp) ### How do the best dev and marketing teams work together? [Access the report](https://www.netlify.com/reports/2024-leadership-trend-report/access/)