Remix Jokes!

So great, it's funny!

Production deploy here: https://remix-jokes.lol

Tutorial here: https://rmx.as/jokes

This example demonstrates some basic features of Remix, including:

• Generating a new Remix project
• Conventional files
• Routes (including the nested variety ✨)
• Styling
• Database interactions (via sqlite and prisma)
• Mutations
• Validation
• Authentication
• Error handling: Both unexpected (the dev made a whoopsies) and expected (the end-user made a whoopsies) errors
• SEO with Meta Tags
• JavaScript...
• Resource Routes
• Deployment

This is the finished version of the tutorial.

For comparison, a variant of this sample app using EdgeDB instead of SQLite/Prisma is available here.

• Remix Docs

Development

From your terminal:

npm install
npx prisma migrate dev
npm run dev

This prepares the local dev database and starts your app in development mode, rebuilding assets on file changes.

Deployment

First, build your app for production:

npm run build

Then apply any database changes:

npx prisma migrate deploy

Then run the app in production mode:

npm start

Preview

Open this example on CodeSandbox: