skills.rest
rcstrue
rcstrueCOMMUNITY
Explore all skills by this author →
GitHub

fullstack-dev

Scaffold Next.js 16 fullstack projects with TypeScript, Tailwind, shadcn/ui, and Prisma.

Updated Aug 23, 2026
Search Tags:#nextjs#web-development#tailwind#fullstack#prisma#shadcn#app-router
One-click install
npx skills add https://github.com/rcstrue/php_payroll --skill fullstack-dev-rcstrue
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: fullstack-dev
Source: https://github.com/rcstrue/php_payroll/tree/main/php_payroll/skills/fullstack-dev
Command: npx skills add https://github.com/rcstrue/php_payroll --skill fullstack-dev-rcstrue

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill addresses the challenge of starting and maintaining a cohesive fullstack Next.js project by providing a ready-to-use development environment, opinionated conventions, and a built-in UI component library setup.

Core Features & Use Cases

  • Fullstack stack: Next.js 16 App Router, TypeScript 5, Tailwind CSS 4 with shadcn/ui, Prisma ORM (SQLite), Zustand, and TanStack Query.
  • Guided initialization and project scaffolding for frontend and backend features, API routes, and websocket/socket.io support.
  • UI guidelines and component library usage in the existing src/components/ui, with responsive, accessible design, and authentication integration.

Quick Start

Run bun run dev to start the development server and open the app root to begin exploring the Next.js 16 project.

Frequently Asked Questions about fullstack-dev

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

FAQPage Schema
How do I scaffold a Next.js 16 fullstack project with App Router and Prisma?▼

Scaffolding a Next.js 16 fullstack project is automated to configure App Router, TypeScript 5, Tailwind CSS, shadcn/ui, and Prisma ORM. It establishes opinionated conventions, API routes, and websocket integration for a complete frontend and backend environment.

What is included in a fullstack Next.js App Router setup with shadcn/ui and Tailwind?▼

A fullstack Next.js App Router setup includes TypeScript 5, Tailwind CSS 4, shadcn/ui components for accessible design, Prisma ORM with SQLite, Zustand state management, and TanStack Query data fetching.

How do I set up websocket and API routes in a Next.js fullstack application?▼

Setting up websockets and API routes in a Next.js fullstack application is handled through guided initialization. The skill orchestrates backend feature scaffolding, integrating socket.io support alongside Prisma database layers and API endpoints.

Does this fullstack Next.js setup support authentication and SQLite with Prisma ORM?▼

Yes, the fullstack Next.js setup supports SQLite with Prisma ORM and includes authentication integration. It applies specific environment constraints, Prisma integration rules, and UI guidelines to ensure cohesive end-to-end database and auth management.

What's the best way to start a Next.js development server after scaffolding a fullstack project?▼

The best way to start the Next.js development server after scaffolding is running 'bun run dev'. This launches the Next.js 16 app root, applying all established environment constraints and development server rules.

Related Skills

Explore More Software Engineering Skills→
darellchua2darellchua2
4

nextjs-standard-setup

A short, concise statement (3-5 words) that summarizes the essence of your pitch, ideally using keywords from your pitch and/or highlighting the main pain point you solve.

Community
Advanced
felipesantiago-coderfelipesantiago-coder

fullstack-dev

Scaffold fullstack Next.js projects with standardized stacks and design rules.

Community
Advanced
timequitytimequity
6

frontend-react

Automate React frontend development with TypeScript, Tailwind CSS, Vite, Zustand, and TanStack Query.

Official
Advanced
marktantongcomarktantongco

fullstack-dev

Automate fullstack Next.js 16 app setup with TypeScript, Tailwind CSS 4, shadcn/ui, and Prisma ORM.

Community
Advanced