Workbench Stack banner

Workbench Stack

3 devlogs
5h 42m 19s

This is scaffolding creator script for my funny little technology stack for websites, perfect for simple, small projects. Its main idea is to have everything in one place, so the technologies used are:

  • React Router 7 - Full-stack React fram…

This is scaffolding creator script for my funny little technology stack for websites, perfect for simple, small projects. Its main idea is to have everything in one place, so the technologies used are:

  • React Router 7 - Full-stack React framework with backend support (using loader and action scripts)
  • Prisma - Type-safe database ORM with SQLite
  • Vite - Fast build tooling
  • Tailwind CSS - Utility-first CSS framework
  • TypeScript - Type-safe development
This project uses AI

Used chatGPT for debugging pnpm issues when working on a scaffolding script.

Demo Repository

Loading README...

Q1000Q

Shipped this project!

Hours: 5.71
Cookies: 🍪 112
Multiplier: 19.65 cookies/hr

I built a scaffolding script for my little goofy stack, that I sometimes use for small projects, because EVERYTHING is in one place. The hardest part was making pnpm work with it, but I just added approve-builds step with it (not perfect, but good enough, I don’t care cuz I never use pnpm, only npm and bun).
While making this project I learnt a lot, because I never built a scaffolding script and never published something on npmjs.com registry.

Q1000Q

After a lot of pain (caused mainly by pnpm), I added support for pnpm and bun to my scaffolding script.
Now just publish and home everything works.

Attachment
Attachment
0
Q1000Q

Created working scaffolding script, with basic –no-install and –no-example options (with asking if not set).
TODO:

  • Add support for pnpm and bun
  • Publish the script to the registry
Attachment
Attachment
0
Q1000Q

Made a notes website, that uses all the main technologies in my stack. Its purpose is to be a example that will be present after running creation script, to showcase how you can use it (just like other creation scripts do it). Also set all the pakage.json, tsconfig.json, vite.config.ts and prisma.config.ts settings.

Attachment
Attachment
0