Create JD App is the quickest and most efficient way to start a new fullstack Solid web app, inspired by the T3 Stack, which is a web development stack made by Theo focused on simplicity, modularity, and full-stack typesafety. This project is using:
- ✅ Bootstrapping: create-jd-app.
- ✅ Framework: Solid Start + Typescript.
- ✅ Auth: Auth.js
- ✅ ORM: Prisma.
- ✅ Database: Planetscale.
- ✅ Styling: TailwindCSS + DaisyUI + KobalteUI.
- ✅ Typescript Schema Validation: Zod.
- ✅ End-to-end typesafe API: tRPC.
- ✅ Safely serialize JavaScript expressions: Superjson.
- prisma
- public
- src
|- components
|- env
|- layout
|- routes
|- schema
|- server
|- styles
|- utils
🚧 You will need Nodejs +16 (LTS recommended) installed.
- Fork this project:
- Clone the repository:
git clone [email protected]:YOU_USER/slug.git
- Install dependencies:
npm install
# or
pnpm install
# or
yarn install
# or
ultra install
- Create a .env file with the following content:
🚧 The environment variables must match the following schema.
# Planetscale DB URL:
DATABASE_URL:
# Github OAuth secrets:
GITHUB_ID:
GITHUB_CLIENT_SECRET:
# Auth.js config:
AUTH_SECRET
AUTH_URL
AUTH_TRUST_HOST=true
Planetscale database:
- Create a new database.
- Create a dev branch.
- In the dev branch, click on "Connect" and select "Prisma". Now you have the DATABASE_URL.
🚧 The environment variable in the dev branch is not the same as main. When you deploy your app to production, in the environment variables change DATABASE_URL to the main variable.
Github OAuth:
- Click here to create new Github OAuth app.
- Go to "Client secrets" and generate new client secret and and paste it into GITHUB_CLIENT_SECRET env.
- Copy the Client ID and paste it into GITHUB_ID env.
Next Auth:
- AUTH_SECRET:
mykey123
for example. - AUTH_URL:
http://localhost:3000/
.
- Ready 🥳, now run:
# Push your DB to Planetscale:
npx prisma db push
# Run the project:
npm run dev
# (Optional) Run Prisma Studio to see your DB data:
npx prisma studio
😊 Contributing:
- MIT.