remix-vite-tailwind-cloudflare Tailwind Templates

Remix Vite Tailwind Cloudflare

Out-of-the-box template for Remix v2, vite and TailwindCSS with Cloudflare support

Welcome to Remix + Vite!

Usage

To create a new Remix project with this template:

npx create-remix@latest --template mogita/remix-vite-tailwind-cloudflare

šŸ“– See the Remix docs and the Remix Vite docs for details on supported features.

Typegen

Generate types for your Cloudflare bindings in wrangler.toml:

npm run typegen

You will need to rerun typegen whenever you make changes to wrangler.toml.

Development

Run the Vite dev server:

npm run dev

To run Wrangler:

npm run build
npm run start

Deployment

[!WARNING]
Cloudflare does not use wrangler.toml to configure deployment bindings. You MUST configure deployment bindings manually in the Cloudflare dashboard.

First, build your app for production:

npm run build

Then, deploy your app to Cloudflare Pages:

npm run deploy

Top categories

Loading Svelte Themes