others / www.youtube.com2024-02-05
Project Setup with Remix and Vite | Remix Done Right: Part 1
Remix Done Right Series - Part 1: Project Setup with Remix and Vite
Welcome to the first installment of our "Remix Done Right" series! In this episode, we dive into the essential steps of setting up the foundation for our Remix app using Vite. Get ready to embark on a journey of creativity and coding as we create a powerful remix application from scratch.
š ļø What You'll Learn in Part 1:
Project Setup: We guide you through the process of setting up a basic project structure using Remix and Vite, ensuring a solid foundation for your app.
Remix Development Tools Installation: Learn how to install and configure Remix development tools to streamline your workflow and enhance the development experience.
Plugin Integration: Discover the power of plugins as we add some essential ones to supercharge your Remix app development.
Tailwindcss: Learn how to install tailwindcss in Remix and use it to style your projects.
š Get Ready to Remix:
Follow along and code with me as we lay the groundwork for an exciting and feature-rich Remix application. Whether you're a seasoned developer or just starting, this series is designed to be beginner-friendly and packed with valuable insights.
š Resources and Links:
Remix Documentation: https://remix.run/docs/en/main
Vite Documentation: https://vitejs.dev/
Remix Development Tools: https://github.com/Code-Forge-Net/Remix-Dev-Tools
š 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
01:23 - Installing a fresh Remix.run project
01:52 - Remix Vite vs old Remix bundler rant
04:12 - Initialing the project
05:02 - Going over what we initialized
05:33 - Modifing our Vite config & adding remix-development-tools
06:54 - tsconfig.json overview
08:49 - Looking at our application with remix dev tools
09:31 - Adding tailwindcss to the project
12:08 - Overview of app with tailwind
12:29 - Adding remix dev tools plugins
14:32 - Our first plugin overview
15:40 - Adding the icons plugin
16:58 - Outro & info on the part 2