silvenon.com

This is my blog, it's based on the Remix Indie Stack.

What's in here?

• Vite for developing and building the app
• The Remix framework as a Vite plugin
• Fly app deployment with Docker
• GitHub Actions for deploy on merge to production and staging environments
• Images hosted and otpimized by Cloudinary
• Styling with Tailwind
• End-to-end testing with Playwright
• Local third party request mocking with MSW
• Unit testing with Vitest and Testing Library
• Code formatting with Prettier
• Linting with ESLint
• Static types with TypeScript
• Managing git hooks and custom scripts with Lefthook

Setup

You only need to run this once:

  npm run setup

Development

  npm run dev

Validate

  npm run lint # lint code
  npm run pretty # check formatting
  npm test # run unit and end-to-end tests
  npm run test:unit # run unit tests
  npm run test:e2e # run end-to-end tests
  npm run typecheck # check types

  npm run validate # run all of the above

Build

  npm run build

Deployment

Deployment happens automatically after changes are pushed to GitHub.