nextjs-on-vercel
Create a Next.js app running on Bun, configure the development environment, and deploy to Vercel with automatic deployments on push.
Browse published AI skills maintained by andrelandgraf. Compare skill descriptions and follow each source repository for setup instructions.
Indexed skills
142Repository stars across indexed skills
1,051Repository forks
142Average repository stars per indexed skill
7Repository stars may repeat across skills from the same repository.
Create a Next.js app running on Bun, configure the development environment, and deploy to Vercel with automatic deployments on push.
Add server-side route protection to enforce authentication on specific pages while keeping others public.
Add a complete account settings page with profile editing, password changes, email updates, session management, and account deletion.
Write type-safe database queries with Drizzle ORM. Covers select, insert, update, delete, relational queries, and adding new tables.
Persist AI chat conversations to Neon Postgres with full support for AI SDK message parts including tools, reasoning, and streaming. Uses UUID v7 for chronologically-sortable IDs.
End-to-end browser testing with Playwright. Test user interactions, form validation, navigation, and visual feedback with full browser automation.
Add Shadcn UI components with dark mode support using next-themes. Includes theme provider and CSS variables configuration.
Create a structured format for documenting feature requirements as user stories. JSON files with testable acceptance criteria that AI agents can verify and track.
Generate dynamic social preview images using Next.js file conventions and the next/og library. Server-rendered JSX images cached at build time.
Track custom events and conversions with Vercel Web Analytics. Covers common events, form tracking, and development testing.
Discover and follow recipes via MCP resources for setup guides, skills, and cookbooks. The meta-skill for using fullstackrecipes effectively.
Add privacy-focused web analytics with Vercel Web Analytics. Track page views, visitors, and custom events with zero configuration.
Connect a Next.js app to Neon Postgres using Drizzle ORM with optimized connection pooling for Vercel serverless functions.
Add UI components and pages for authentication flows including sign in, sign up, forgot password, reset password, and email verification.
Add email verification, password reset, and account management emails to Better Auth using Resend.
Syntax highlight code blocks with Shiki. Supports server-side rendering in RSC and automatic light/dark theme switching.
Configure AI coding agents like Cursor, GitHub Copilot, or Claude Code with project-specific patterns, coding guidelines, and MCP servers for consistent AI-assisted development.
Configure unit testing with Bun's built-in test runner. Fast, Jest-compatible syntax, co-located test files, and mocking support.
Add server-side route protection to enforce authentication on specific pages while keeping others public.
TypeScript assertion function for runtime type narrowing with descriptive error messages. Based on tiny-invariant.
Add user authentication using Better Auth with Drizzle ORM and Neon Postgres. Base setup with email/password authentication.
Build a chat list page with search, rename, and delete functionality. Uses nuqs for URL-synced filters and deep-linkable modal dialogs.
Persist AI chat conversations to Neon Postgres with full support for AI SDK message parts including tools, reasoning, and streaming. Uses UUID v7 for chronologically-sortable IDs.
Install and configure the Workflow Development Kit for resumable, durable AI agent workflows with step-level persistence, stream resumption, and agent orchestration.
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.