Remix Shadcn

Theme by Jacob ebey

|

Updated: 21 Feb 2024

|

165 Stars

Remix + Vite + shadcn/ui starter template.

Categories

Overview

The Remix + Vite + shadcn/ui is a modern web development stack that combines the Remix framework, Vite build tool, and shadcn/ui for a smooth development experience. The stack offers features such as built-in theme switching, a login flow, and SQLite database integration using Drizzle ORM. Developers can easily set up and deploy their applications using the provided guidelines.

Features

• Remix Framework: Utilize the Remix framework for building robust web applications.
• Vite Build Tool: Efficiently run the Vite development server for quick feedback during development.
• shadcn/ui Integration: Use the shadcn/ui library for enhanced UI components and design consistency.
• Built-in Theme Switcher: Easily switch between different themes for your web application.

Installation

To set up the Remix + Vite + shadcn/ui stack, follow these steps:

1. Development: Run the Vite development server using the command:

   npm run dev
   

2. Deployment: Build your app for production by running the following command:

   npm run build
   

   Then run the app in production mode:

   npm run start
   

3. Pick a Host: Choose a hosting service for deployment. For DIY deployment, deploy the output of npm run build and the server using the provided server.js.

Summary

The Remix + Vite + shadcn/ui stack provides a powerful and efficient environment for web development. With its seamless integration of Remix, Vite, and shadcn/ui, developers can build and deploy modern web applications with ease. By following the installation guide and leveraging the features offered, developers can create responsive and visually appealing web experiences.