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
ErrorBoundaryandCatchBoundarycomponents inroot.tsx - edit
.eslintrcto 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 launchFrom your terminal:
npm run devThis 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 deployYou can run flyctl info to get the url and ip address of your server.
Check out the fly docs for more information.