Overview
The Alternative Stack is a Remix Stack that utilizes Hyper as a services tier. It offers various features such as AWS deployment with Architect, hyper-connect for Hyper Cloud integration, zero-setup local development using hyper nano, and support for hyper vision to peer into hyper services. Other features include GitPod integration, GitHub Actions for deployment, email/password authentication with cookie-based sessions, styling with Tailwind, end-to-end testing with Cypress, and more.
Features
- AWS deployment with Architect
- Hyper Cloud integration via hyper-connect
- Zero-setup local development using hyper nano
- Hyper Vision support, allows users to peer into hyper services
- GitPod integration for developing in ephemeral cloud environments
- GitHub Actions for deploy on merge to production and staging environments
- Email/Password Authentication with cookie-based sessions
- Styling with Tailwind
- End-to-end testing with Cypress
- 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
- Customizability - users can fork the stack, change it, and use
npx create-remix --template your/repoto create their own version.
Installation
To set up the Alternative Stack, follow these steps:
Prerequisites:
- Install hyper nano for local development or use hyper cloud
- Create a hyper cloud application with a hyper data service and obtain the connection string
- Set the HYPER environment variable in the .env file with the connection string
Start dev server:
- Run the command to start the app in development mode, which will rebuild assets on file changes and persist data to the hyper application.
Summary
The Alternative Stack is a Remix Stack that provides a comprehensive set of features for web development. It offers easy deployment with AWS and Architect, integration with Hyper Cloud and GitPod for cloud-based development, and various tools for authentication, styling, testing, and code formatting. With its customizability and support for different environments, the Alternative Stack provides developers with a flexible solution for building full-stack applications.