skills.rest
aimentor606
aimentor606COMMUNITY
Explore all skills by this author →
GitHub

webapp

Scaffold fullstack web apps with Express, Vite, React, Tailwind, and Drizzle.

Updated Apr 8, 2026
Search Tags:#template#react#drizzle#vite#tailwind#fullstack#express
One-click install
npx skills add https://github.com/aimentor606/aether --skill webapp-aimentor606
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: webapp
Source: https://github.com/aimentor606/aether/tree/main/core/kortix-master/opencode/skills/GENERAL-KNOWLEDGE-WORKER/webapp
Command: npx skills add https://github.com/aimentor606/aether --skill webapp-aimentor606

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Provides a ready-made, opinionated fullstack template and workflow so developers don't waste time wiring frontend and backend tooling, routing, data models, and deployment assumptions from scratch. It prevents common sandbox pitfalls (blocked storage APIs, broken path-based routing) and enforces a schema-first approach so frontend and backend types stay consistent.

Core Features & Use Cases

  • Pre-wired template: Express backend + Vite + React frontend + Tailwind + shadcn/ui + Drizzle ORM ready to copy and start.
  • Opinionated workflow: Schema-first Drizzle model, frontend-first UI with TanStack Query, and backend routes in a single-repo setup.
  • Sandbox-safe constraints: Use hash-based routing, avoid localStorage/sessionStorage/indexedDB, and use apiRequest/queryClient for all HTTP calls.
  • Use Case: Build dashboards, admin panels, or small SaaS apps that need a quickly deployable dev server with integrated API and typed database models.

Quick Start

Copy the template into a new project, run npm install, and run npm run dev to start the Express+Vite development server.

Frequently Asked Questions about webapp

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

FAQPage Schema
How do I scaffold a fullstack Express React app without manual tooling setup?▼

To scaffold a fullstack Express React app, copy this pre-wired template to get an integrated Vite, Tailwind, shadcn/ui, and Drizzle ORM single-repo, then run npm install and npm run dev to start the unified development server.

Can I use localStorage or path-based routing in a sandboxed iframe environment?▼

No, you cannot use localStorage or path-based routing in sandboxed iframes. You must use hash-based routing via useHashLocation and avoid blocked browser storage APIs like sessionStorage and indexedDB to prevent runtime failures.

What is the schema-first workflow for building a fullstack dashboard with Drizzle ORM?▼

The schema-first workflow with Drizzle ORM requires defining your database models first, which enforces type consistency between the Express backend and React frontend before you build out the UI and API routes.

How do I fetch data in a React frontend connected to an Express backend?▼

You fetch data in a React frontend by using TanStack Query and the apiRequest utility for all HTTP calls, ensuring your queries are properly managed and integrated with the Express backend routes.

Does this fullstack template support building admin panels and small SaaS applications?▼

Yes, this template supports building admin panels and small SaaS applications by providing a quickly deployable developer-facing single-repo setup with integrated backend APIs and typed database models.

What do I need to run this Express and Vite fullstack template locally?▼

You need a Node and npm environment to run this template. After copying the project files, executing npm install and npm run dev will start the unified Express and Vite development server.

Related Skills

Explore More Software Engineering Skills→
DaFumDaFum
1

one-command-doctor

Run Node project healthchecks covering build, lint, and runtime issues.

Community
Intermediate
bejranondabejranonda
27

web-artifacts-builder

Build React applications with TypeScript, Tailwind CSS, and shadcn/ui.

Community
Intermediate
greyhaven-aigreyhaven-ai
29

grey-haven-tanstack-patterns

Standardize TanStack Start, Router, and Query patterns in React 19 applications.

Community
Intermediate
ncsound919ncsound919

fullstack-dev

Scaffold a Next.js 16 project with TypeScript, Tailwind CSS, and Prisma ORM.

Community
Advanced