Minimal Remix Stack with Humanode OAuth2

This is a community maintained Remix Stack. Learn more about Remix Stacks.

npx create-remix --template xendarboh/remix-stack-minimal-humanode

What's in the stack

• Sybil-resistant proof of unique living Human with HUMΔNODE
• Authenticated session management with Remix Auth
• Styling with Tailwind
• Code formatting with Prettier
• Linting with ESLint
• Static Types with TypeScript

Development

• This step only applies if you've opted out of having the CLI install dependencies for you:

  npx remix init

• Copy env config file from the example and customize. Current values work for local development:

  cp .env.example .env

• Start dev server:

  npm run dev

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

Deployment

First, build your app for production:

npm run build

Then run the app in production mode:

npm start

Now you'll need to pick a host to deploy it to.

Learn more about Remix Deployment.

DIY

If you're familiar with deploying node applications, the built-in Remix app server is production-ready.

Make sure to deploy the output of remix build

• build/
• public/build/

Testing

Type Checking

This project uses TypeScript. It's recommended to get TypeScript set up for your editor to get a really great in-editor experience with type checking and auto-complete. To run type checking across the whole project, run npm run typecheck.

Linting

This project uses ESLint for linting. That is configured in .eslintrc.js.

Formatting

We use Prettier for auto-formatting in this project. It's recommended to install an editor plugin (like the VSCode Prettier plugin) to get auto-formatting on save. There's also a npm run format script you can run to format all files in the project.

Resources

Upstream template: https://github.com/BogDAAAMN/minimal-remix-stack