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
andCatchBoundary
components inroot.tsx
- edit
.eslintrc
to mark extra semicolons as errors
-
Sign up and log in to Fly
flyctl auth signup
- Setup Fly. It might ask if you want to deploy, say no since you haven't built the app yet.
flyctl launch
From your terminal:
npm run dev
This starts your app in development mode, rebuilding assets on file changes.
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.