The cool-stack from tdsoftpl

Ice-cool 🧊 Remix + Directus starter template.

- Directus Experts

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.

**❄️ Get cool-stack today, before your time melts away ❄️**

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: [email protected] | 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.

Watch episode of "Directus I-MADE-THIS" podcast

Built with cool-stack

BettorSignals - Multi-channel sports tipping platform

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Rate-Limited

These updates are currently rate-limited. Click on a checkbox below to force their creation now.

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

Detected dependencies

docker-compose

api/docker-compose.local.yml

npm

api/package.json

directus 9.26.0

pg 8.11.1

@typescript-eslint/eslint-plugin 5.62.0

@typescript-eslint/parser 5.62.0

cross-env 7.0.3

dotenv 16.3.1

eslint 8.45.0

eslint-config-prettier 8.8.0

eslint-plugin-prettier 4.2.1

eslint-plugin-unicorn 45.0.2

open-cli 7.2.0

prettier 2.8.8

rimraf 3.0.2

typescript 4.9.5

node >=16.0.0

package.json

@tdsoft/prettier-config ^1.0.2

prettier 2.8.8

npm >=7.0.0

node >=14

@types/react 18.2.15

@types/react-dom 18.2.7

react 18.2.0

react-dom 18.2.0

yarn 1.22.19

packages/configs/package.json

@tailwindcss/typography 0.5.9

tailwindcss 3.3.3

@tailwindcss/typography ^0.5.9

tailwindcss ^3.2.4

packages/ui/package.json

clsx 1.2.1

react 18.2.0

@babel/core 7.22.9

@babel/plugin-transform-modules-commonjs 7.22.5

@storybook/addon-a11y 6.5.16

@storybook/addon-actions 6.5.16

@storybook/addon-essentials 6.5.16

@storybook/addon-interactions 6.5.16

@storybook/addon-links 6.5.16

@storybook/addon-postcss 2.0.0

@storybook/addon-storysource 6.5.16

@storybook/addon-viewport 6.5.16

@storybook/react 6.5.16

@testing-library/jest-dom 5.16.5

@testing-library/react 13.4.0

@types/jest 29.5.3

@types/react 18.2.15

@typescript-eslint/eslint-plugin 5.62.0

@typescript-eslint/parser 5.62.0

babel-jest 29.6.1

babel-loader 9.1.3

concurrently 7.6.0

eslint 8.45.0

eslint-config-prettier 8.8.0

eslint-plugin-import 2.27.5

eslint-plugin-jest-dom 4.0.3

eslint-plugin-prettier 4.2.1

eslint-plugin-react 7.32.2

eslint-plugin-react-hooks 4.6.0

eslint-plugin-unicorn 45.0.2

jest 29.6.1

jest-environment-jsdom 29.6.1

postcss 8.4.31

prettier 2.8.8

prettier-plugin-tailwindcss 0.4.1

storybook-addon-designs 6.3.1

tailwindcss 3.3.3

ts-jest 29.1.1

typescript 4.9.5

clsx ^1.2.1

react 18.2.0

page/package.json

@directus/sdk 10.3.5

@remix-run/architect 1.18.1

@remix-run/node 1.18.1

@remix-run/react 1.18.1

cross-env 7.0.3

react 18.2.0

react-dom 18.2.0

tiny-invariant 1.3.1

@architect/architect 10.13.1

@remix-run/dev 1.18.1

@remix-run/eslint-config 1.18.1

@testing-library/cypress 9.0.0

@testing-library/jest-dom 5.16.5

@testing-library/react 13.4.0

@types/jest 29.5.3

@types/react 18.0.26

@types/react-dom 18.0.9

@typescript-eslint/eslint-plugin 5.62.0

@typescript-eslint/parser 5.62.0

aws-sdk 2.1415.0

concurrently 7.6.0

cypress 12.17.1

eslint 8.45.0

eslint-config-prettier 8.8.0

eslint-plugin-import 2.27.5

eslint-plugin-jest-dom 4.0.3

eslint-plugin-prettier 4.2.1

eslint-plugin-react 7.32.2

eslint-plugin-react-hooks 4.6.0

eslint-plugin-unicorn 45.0.2

jest 29.6.1

jest-environment-jsdom 29.6.1

open-cli 7.2.0

prettier 2.8.8

prettier-plugin-tailwindcss 0.4.1

rimraf 3.0.2

start-server-and-test 1.15.4

tailwindcss 3.3.3

ts-jest 29.1.1

typescript 4.9.5

Check this box to trigger a request for Renovate to run again on this repository

tdsoftpl / cool-stack Goto Github PK

cool-stack's Introduction

Ice-cool 🧊 Remix + Directus starter template.

Overview 🔭

❄️ Get cool-stack today, before your time melts away ❄️

What's cool in the stack? ✨

Prerequisites

How to start

Deployment

Page

API

Built with cool-stack

cool-stack's People

Contributors

Stargazers

Forkers

cool-stack's Issues

Rate-Limited

Open

Detected dependencies

Recommend Projects

Recommend Topics

Recommend Org

Jobs

**❄️ Get cool-stack today, before your time melts away ❄️**