How to deploy a Remix + Vite app to Vercel

Welcome back to the "Remix Done Right" series! In this episode, we'll go over how to stabilize our Remix Vite e-commerce app and deploy it to Vercel!

We will also bump our remix-i18next package to version 6.

🛠️ What You'll Learn in Part 7:

Stabilizing Remix Vite: Assuming you have been following along you will learn what it takes to stabilize your Remix Vite app
Deploying to Vercel: I show you how to deploy your Remix apps to Vercel for easier deployments
Upgrading remix-i18n to v6: Upgrade your remix-i18next to version 6 with ease

🚀 Get Ready to Remix:
Follow along and code with me as we lay the foundation for a globally accessible Remix e-commerce application.

Whether you're new or a seasoned developer, this tutorial is designed to be beginner-friendly yet packed with advanced insights.

🔗 Resources and Links:
GitHub Repo: https://github.com/AlemTuzlak/remix-ecommerce
Remix Documentation: https://remix.run/docs/en/main
Deployment preview: https://remix-ecommerce-zeta.vercel.app/

👍 Don't forget to like, comment, and subscribe for more episodes in this series! Join our coding community and let's build something amazing together.

📌 Stay Connected:
Twitter: https://twitter.com/AlemTuzlak59192
GitHub: https://github.com/AlemTuzlak

⏱️ Timestamps:
00:00 - Intro
00:32 - Upgrading remix-i18next to v6
01:38 - Our app running on remix-i18next
02:00 - Stabilizing our Remix Vite project
02:56 - Running our stable Remix Vite app
03:08 - Setting up our vercel configuration
05:00 - Seeing our deployed app
05:18 - How to deploy to vercel with the CLI
06:06 - Seeing our preview again
07:11 - How you could deploy to other envs like cloudflare
08:37 - Final thoughts

🔖 Tags:
Remix framework, Vite, Remix Vite, web development, frontend development, Remix tutorial, coding tutorial, Remix Vite tutorial, open source, coding community.

Тэги:

#REMIX #remix #remix.run #remix.run_tutorial #remix_tutorial #react #bundling #db #open-source #code_along #coding_series #supabase #integration #caveats #insightful #software_testing #vitest_config #web_development #remix-i18next #remix-i18next_v6 #react-i18next #vercel #vercel_deploy_react_app #vercel_deploy_remix_app #vercel_remix #remix_vercel #remix.run_vercel #remix_js_vercel #internationalization #languages

Скачать видео