juandjara / remix-tailwind-starter

Remix with tailwind starter but with certain fixes, tweaks and styles I personally like

Welcome to Remix!

• Remix Docs

This is the remix-tailwind-starter by juandjara. It contains just the basic remix example but with some conventions I like better, some fixes and some tweaks and touches.

• Absolute imports are used with @/ instead of ~/
• An animated GlobalSpinner component is added to root.tsx
• Custom LiveReload component to fix weird redirect behaviour on firefox due to websocket issues as in remix issue #2997
• Styled global ErrorBoundary and CatchBoundary components in root.tsx
• edit .eslintrc to mark extra semicolons as errors

Fly Setup

1. Install flyctl

2. Sign up and log in to Fly

flyctl auth signup

3. Setup Fly. It might ask if you want to deploy, say no since you haven't built the app yet.

flyctl launch

Development

From your terminal:

npm run dev

This starts your app in development mode, rebuilding assets on file changes.

Deployment

If you've followed the setup instructions already, all you need to do is run this:

npm run deploy

You can run flyctl info to get the url and ip address of your server.

Check out the fly docs for more information.