Alternative Stack

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/repo to create their own version.

Installation

To set up the Alternative Stack, follow these steps:

1. 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

2. 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.