Juandjara.com
personal blogfolio built on remix that reads mdx from filesystem
Overview
The Remix theme is a collection of conventions, fixes, tweaks, and custom components aimed at improving the user experience of the basic Remix example. It utilizes absolute imports with "@" instead of "~", includes an animated GlobalSpinner component, and fixes weird redirect behavior on Firefox due to websocket issues. Additionally, it incorporates styled global ErrorBoundary and CatchBoundary components.
Features
- Absolute imports using "@/" instead of "~/"
- An animated GlobalSpinner component
- Custom LiveReload component to fix weird redirect behavior on Firefox
- Styled global ErrorBoundary and CatchBoundary components
Development
To start the app in development mode and automatically rebuild assets on file changes, run the following command in your terminal:
$ npm run dev
Deployment
If you have already completed the setup instructions, deploying the app is a simple step. Just run the following command:
$ flyctl deploy
You can use flyctl info to obtain the URL and IP address of your server. For more information, refer to the Fly Docs.
Summary
The Remix theme enhances the basic Remix example with various improvements and custom components. Its features include absolute imports, an animated GlobalSpinner component, a custom LiveReload component to fix redirect issues on Firefox, and styled global ErrorBoundary and CatchBoundary components. The theme is easy to install and provides a smoother user experience for Remix applications.