Welcome to React Router!

A modern, production-ready template for building full-stack React applications using React Router.

Features

• 🚀 Server-side rendering
• ⚡️ Hot Module Replacement (HMR)
• 📦 Asset bundling and optimization
• 🔄 Data loading and mutations
• 🔒 TypeScript by default
• 🎉 TailwindCSS for styling
• 📖 React Router docs

Figma Wireframes

https://www.figma.com/design/c3TgqL3EPtx4lkzb7Ey5z4/Remix-Austin-Meetup-Website?node-id=0-1

Getting Started

Installation

Install Bun (if you don't already have it):

# macOS
brew install oven-sh/bun/bun

# Windows
winget install Oven-sh.Bun

# Linux
curl -fsSL https://bun.sh/install | bash

Install the dependencies:

bun install

Development

Run an initial database migration:

bun run db:migrate

Start the development server with HMR:

bun run dev

Your application will be available at http://localhost:5173.

Building for Production

Create a production build.

bun run build

Deployment

Deployment is done using the Wrangler CLI.

First, you need to create a D1 database in Cloudflare.

bunx wrangler d1 create new-remixaustin-com-d1

Then update the wrangler.jsonc file with the correct database_name and database_id.

You will also need to add the following environment variables to the .env file and as Cloudflare build secrets.

CLOUDFLARE_ACCOUNT_ID=cloudflare_account_id
CLOUDFLARE_DATABASE_ID=cloudflare_database_id
CLOUDFLARE_API_TOKEN=clouflare_token

You will also have to update the commands to build and deploy in the Cloudflare Dashboard.

Name	Command
Build command	bun run build
Deploy command	bun run deploy:prod
Non-production branch deploy command	bun run deploy:dev

Next, run the production database migration.

bun run db:migrate

Finally, you can deploy the application to Cloudflare.

bun run deploy:prod

The website is deployed automatically changes are merged into main.

Styling

This template comes with Tailwind CSS already configured for a simple default starting experience. You can use whatever CSS framework you prefer.

---

Built with ❤️ using React Router.