The fastest way to get started with a Remix + Hasura project

# When prompted, make sure to select `Y` to run the 'npm install`.
npx create-remix@latest --template droopytersen/remix-sidepiece-starter

• Remix
• React
• Styling
  • Tailwind + DaisyUI
  • Sass
• Auth
  • Github authentication
  • Hasura authorization
• GraphQL API
  • Hasura generated API
  • Typesafety w/ GraphQL Codegen
• Utility libraries
  • dayjs
  • zod
• Local development with docker

• Setup to be a "remix stack" template
  • * the Remix versions
  • Setup /remix.init
• Lax Code Style
  • Make Typescript it less strict
  • Disable eslint
  • Setup prettier and autoformatting
• CSS/Styling Setup
  • Tailwind CSS
    • Tailwind Typography
    • DaisyUI
  • Sass Setup for custom CSS
• Environment Variable Pattern
  • Pattern for PUBLIC_ vars that go to client
  • Use zod to validate env variables
• Toolkit Code
  • Remix Utils
    • useRouteData
    • authUtils
  • React Components
  • Common React Hooks
• GraphQL Setup
  • Intellisense in .gql files
  • Type safety with TypedDocumentNode
    • graphql-codegen, graphql-request
• Hasura
  • Hasura Docker Compose
  • Hasura folder basic migration
  • Hasura GQL Client factories
• Auth Setup
  • Github OAuth Flow
  • Document Github App Setup instructions
  • Generate Hasura token
  • Pattern for authorizing loaders/actions
  • Pattern for authorized GraphQL requests
• Form Example
  • User Profile Form
  • Validation error pattern (with Zod)
• Ensure infrastructure
  • Hasura Dockerfile
  • Remix Dockerfile