Eight Bit

Overview

The 8Bit Remix Stack is a comprehensive web development stack that offers a range of features and tools. It includes AWS deployment with Architect, styling with Tailwind, ChtGPT integration with OpenAI, end-to-end testing with Cypress, linting with ESLint, and static types with TypeScript. Users also have the option to customize the stack by forking it and making their own modifications using the “npx create-remix –template your/repo” command. The development process involves initializing the Arc server, adding the OpenAI API key, and starting the dev server. Deployment is handled with GitHub Actions, and testing can be done using Cypress.

Features

• AWS deployment with Architect
• Styling with Tailwind
• ChtGPT integration with OpenAI
• End-to-end testing with Cypress
• Linting with ESLint
• Static Types with TypeScript
• Customizable stack with forking option

Installation

1. Initialize Arc:

   Init Arc so that you can then run dev:

2. Add OpenAI API key:

   Add your https://platform.openai.com API key to the .env after copying the example.

3. Start dev server:

   This starts your app in development mode, rebuilding assets on file changes.

4. Deployment:

   • Create a new GitHub repo
   • Sign up and login to your AWS account
   • Add AWS_ACCESS_KEY_ID and AWS_SECRET_ACCESS_KEY to your GitHub repo’s secrets
   • Install the AWS CLI
   • Create an AWS credentials file
   • Set SESSION_SECRET variable for CloudFormation in staging and production environments
   • Set ARC_APP_SECRET for Arc

5. CloudFormation:

   • Find the CloudFormation template in the sam.yaml file
   • Search for CloudFormation on AWS and find the stack name that matches what’s in app.arc
   • Access app resources under the “Resources” tab

6. GitHub Actions:

   • Use GitHub Actions for continuous integration and deployment
   • Main branch deployments go to production after running tests and build
   • Dev branch deployments go to staging

7. Testing:

   • Use Cypress for end-to-end tests
   • Cypress tests are located in the cypress directory
   • Add or modify test files in the cypress/e2e directory
   • Run npm run test:e2e:dev to run tests in development

Summary

The 8Bit Remix Stack is a powerful web development stack that provides users with a range of features and tools for building and deploying web applications. It includes AWS deployment, styling with Tailwind, integration with OpenAI’s ChtGPT, end-to-end testing with Cypress, and more. The stack is highly customizable and offers flexibility for developers to make their own modifications. With its comprehensive set of features and easy installation process, the 8Bit Remix Stack is a reliable choice for web developers.