Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ollieri3/bach-stack


https://github.com/ollieri3/bach-stack

Last synced: 6 days ago
JSON representation

Awesome Lists containing this project

README

        

# Remix Bach Stack 🎼

![back-stach-lg](https://github.com/ollieri3/bach-stack/assets/19469640/37cbc9c2-6b27-4477-be17-94eae955611d)

Learn more about [Remix Stacks](https://remix.run/docs/en/main/guides/templates#stacks).

```shell
npx create-remix@latest --template ollieri3/bach-stack
```

## What's in the Bach Stack?

- Database storage using [PostgreSQL](https://www.postgresql.org/)
- ORM & Migrations with [Drizzle & Drizzle Kit](https://orm.drizzle.team/)
- Styling with [Tailwind CSS](https://tailwindcss.com/)
- Schema Validation using [Zod](https://zod.dev/)
- Code formatting with [Prettier](https://prettier.io/) + Tailwind Plugin
- Pre-commit hooks with [Husky](https://typicode.github.io/husky/) & [lint-staged](https://github.com/lint-staged/lint-staged)

### Other goodies ✨

- Opinionated ESLint configuration.
- Type-safe environment variables for both client & server.
- SEO & Meta tags for Twitter, Facebook, and Open Graph ready to be configured.
- Basic [Error Boundaries](https://remix.run/docs/en/main/route/error-boundary) configured and ready to be customized.

## Requirements

- Node
- Docker

## 🚧 Getting Started / Documentation (Coming Soon )

- Add notes on .env.example file (or copy it automatically using remix start scripts).
- make the database name configurable, currently defaults to "app".

## Deployment

First, build your app for production:

```sh
npm run build
```

Then run the app in production mode:

```sh
npm start
```

Now you'll need to pick a host to deploy it to.