skills.rest
juprem
jupremCOMMUNITY
Explore all skills by this author →
GitHub

project-initializer

Scaffold a TanStack Start project with NeonDB, Drizzle ORM, and tooling.

Updated Mar 4, 2024
Search Tags:#formatting#lint#project-setup#postgres#drizzle-orm#tanstack-start#neondb
One-click install
npx skills add https://github.com/juprem/sandbox-react --skill project-initializer-juprem
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: project-initializer
Source: https://github.com/juprem/sandbox-react/tree/main/.gemini/skills/project-initializer
Command: npx skills add https://github.com/juprem/sandbox-react --skill project-initializer-juprem

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Starting a TanStack Start project with the right infrastructure is error-prone and time-consuming. This skill provides a guided scaffold that configures core database infrastructure, tooling, and project structure so teams can focus on feature work.

Core Features & Use Cases

  • Full-stack bootstrap: creates a TanStack Start project with NeonDB, Drizzle ORM, authentication, Panda CSS, and React Compiler integration.
  • Tooling setup: configures linting and formatting (oxlint/oxfmt) and ensures strict typing across schemas, routes, and procedures.
  • Structured project layout: enforces granular component organization in src and clear separation of concerns (server, db, routes, UI).
  • Migration & schema guidance: provides drizzle.config.ts and index setup with ready-to-run migration commands.
  • Use Case: a team initializes a new app, wires up database, ORM, and UI tooling in one step.

Quick Start

Use the project initializer to scaffold a new TanStack Start project with Neon, Drizzle, and tooling.

Frequently Asked Questions about project-initializer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I scaffold a TanStack Start project with NeonDB and Drizzle ORM?▼

To scaffold a TanStack Start project with NeonDB and Drizzle ORM, use this initializer to configure database infrastructure, ORM integration, and a scalable project layout in one step. It provides a repeatable setup via CLI scaffolding and ready-to-run migration commands.

What is the best way to set up linting and formatting for a new TanStack Start app?▼

The best way to set up linting and formatting for a TanStack Start app is configuring oxlint and oxfmt during project initialization. This ensures strict typing across schemas, routes, and procedures while enforcing clear separation of concerns.

Can I configure Panda CSS and React Compiler when initializing a TanStack Start project?▼

Yes, you can configure Panda CSS and React Compiler integration when initializing a TanStack Start project. This guided scaffold includes full-stack bootstrap capabilities to wire up UI tooling and authentication alongside database infrastructure.

Does this project initializer set up database migration files for Drizzle ORM?▼

Yes, this project initializer sets up database migration files for Drizzle ORM by providing a drizzle.config.ts file and index setup. It includes ready-to-run migration commands to help teams focus on feature work.

Why use NeonDB with Drizzle ORM for a full-stack React application bootstrap?▼

Using NeonDB with Drizzle ORM for a full-stack React application bootstrap streamlines foundational configuration workflows. It provides a structured project layout with clear separation of server, db, routes, and UI components out of the box.

Related Skills

Explore More Software Engineering Skills→
tianzecntianzecn
2

dependency-check

Verify Chrome DevTools MCP and OpenRouter API key before frontend commands.

Community
Intermediate
jupremjuprem

db-architect

Define NeonDB schemas with Drizzle ORM relations and drizzle-kit migrations.

Community
Intermediate
LiinkiingLiinkiing
6

panda-css

Enforce Panda CSS styling conventions in TypeScript/TSX frontend projects.

Community
Intermediate
FixPortalFixPortal

scaffold-frontend

Bootstrap Vite + React + TypeScript frontends from canonical templates.

Official
Intermediate