Remix screenshot

Remix

Author Avatar Theme by Geldata
Updated: 3 Aug 2022
80 Stars

A Remix stack for EdgeDB-backed applications

Categories

Overview:

The Hyperpop Remix Stack is a technology stack that combines EdgeDB and Remix to create powerful web applications. It offers a range of features including database management, deployment on Fly, authentication, and testing capabilities. This stack provides developers with a comprehensive toolkit to build and deploy robust web applications efficiently.

Features:

  • EdgeDB for the database: Use EdgeDB as the database management system for your application.
  • Deployment on Fly: Easily deploy your application on Fly for efficient hosting and scaling.
  • Healthcheck endpoint for Fly backups region fallbacks: Ensure the availability and stability of your application with healthcheck endpoints for Fly backups region fallbacks.
  • GitHub Actions: Benefit from continuous integration and deployment using GitHub Actions.
  • Email/password authentication with cookie-based sessions: Implement secure and convenient user authentication using email, password, and cookie-based sessions.
  • Tailwind: Utilize the Tailwind CSS framework to create visually appealing and responsive user interfaces.
  • Cypress: Conduct automated end-to-end testing with Cypress for thorough application testing.
  • MSW (request mocking): Simulate and mock API requests using MSW for efficient testing and development.
  • Vitest and Testing Library: Use Vitest and Testing Library for comprehensive unit testing and integration testing of your application.
  • Prettier, ESLint, TypeScript: Enhance code quality and maintainability with Prettier, ESLint, and TypeScript support.

Installation:

To start using the Hyperpop Remix Stack, follow these steps:

  1. Scaffold your project.
  2. Initialize an EdgeDB project by installing the EdgeDB CLI and running the appropriate command.
  3. Seed the database with sample data.
  4. Create a .env file to set environment variables, including the SESSION_STATE variable for cookie-based authentication.
  5. Start the server in development mode, allowing for rebuilding assets on file changes.
  6. Access the application on localhost:3000, create a new account, and explore the application.

For detailed installation instructions, please refer to the documentation.

Summary:

The Hyperpop Remix Stack is a powerful technology stack that combines EdgeDB and Remix to provide developers with a comprehensive toolkit for building and deploying web applications. It offers a range of features including database management, deployment on Fly, authentication, and testing capabilities. By utilizing this stack, developers can create robust and efficient web applications with ease.