Alternative Stack
A Remix Stack using hyper cloud as a services tier
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.
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.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Tailwind
Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.
- Zod
Zod is a TypeScript-first schema declaration and validation library. It allows you to define schemas that can validate data at runtime while providing excellent TypeScript inference, making it perfect for API validation, form validation, and type-safe data handling.