Awesome

<div align="center"> <img src="https://i.imgur.com/J7EdGWq.png" alt="Cool-Stack Cover" /> </div> <h3 align="center"> Ice-cool 🧊 Remix + Directus starter template. </h3> <br/>  <div align="center"> <a href="https://www.tdsoft.com"> by <img width="80" src="https://imgur.com/8KJixsV.png" alt="TDSOFT Logo" /> - Directus Experts </a> </div> <hr/> <br/>

Overview 🔭

🧊 cool-stack 🧊 is a modern stack for building web applications. It's built on top of two powerful tools:

💿 Remix - blazingly fast, powerful React.js framework that is used for server-side rendering, allowing you to focus on creating beautiful user interfaces.
🐰 Directus - an instant REST and GraphQL API that seamlessly integrates on top of a Postgres SQL database. Directus has an easy to work with SDK, that blends perfectly with Remix.

<h4 align="center"> <b> ❄️ Get <i>cool-stack</i> today, before your time melts away ❄️ </b> </h4>

What's cool in the stack? ✨

Remix as a web framework (using Architect)
Content API and dashboard powered by Directus
PosgreSQL + pgAdmin for data persistence
API seeding with Knex.js for local development
Tailwind CSS for styling
Storybook for UI development
Turborepo as a monorepo and build system
Cypress - E2E testing framework
Unit testing with Jest and Testing Library
Code formatting with Prettier
Linting with ESLint

Prerequisites

node - at least v14
yarn - at least v1.22.19
Docker Desktop - for spinning up your local PosgreSQL database & pgAdmin. If you don't want to run a database on your local machine, you can use the free tier of Directus cloud services

How to start

Run yarn run bootstrap - that will install and build all the project dependencies & packages
Run yarn run dev - turborepo will spin up all 'dev' scripts across the monorepo. You can also run each project's dev scripts separately
Log in to your directus dashboard using these credentials user: admin@example.com | password: admin
For production usage, make sure to fill in your .env files in api & page directories. It's best not to version these files in your repository

Deployment

Page

The Remix app in this repository comes with an Architect adapter, as it's working best for our use cases.

Refer to architect's docs for the a detailed guide on that topic.

API

Refer to directus docs for a guide on how to deploy a self-hosted directus instance.

We recommend deploying to AWS Elastic Beanstalk using Docker.

<hr/> <h3 align="center"> <a href="https://directus.io/blog/imt-01-building-a-sports-betting-platform-with-directus/">Watch episode of "Directus I-MADE-THIS" podcast</a> </h3> <div align="center"> <a href="https://directus.io/blog/imt-01-building-a-sports-betting-platform-with-directus/"> <img src="https://i.imgur.com/MwsnLuD.png" alt="Directus I-MADE-THIS podcast cover" /> </a> </div> <hr/>

Built with cool-stack

BettorSignals - Multi-channel sports tipping platform