Repository inventory

andrelandgraf/fullstackrecipes

Skills indexed from this repository, with install-style signals scoped to the repo.
46 skills369 GitHub stars0 weekly installsTypeScriptGitHubOwner profile

Overview

This skill provides complete environment variable management for TypeScript full-stack apps, combining type-safe validation, a Vercel-friendly development workflow, and prebuild validation. It bundles production-ready patterns and step-by-step recipes to ensure environment configuration is safe, predictable, and easy to operate across local, CI, and Vercel environments.

How this skill works

It uses a Zod-based, Drizzle-like schema API to declare typed environment shapes, including server-only, public, and feature-flag fields, and either-or constraints. The skill includes tooling to sync and manage variables with the Vercel CLI, load local overrides during development, and run validation at server start and before builds to surface missing or invalid values with clear errors.

When to use it

  • When you need type-safe runtime access to environment variables in a TypeScript app.
  • When deploying to Vercel and you want a repeatable sync and dev workflow for env vars.
  • When you want to catch misconfigured or missing env vars before runtime or during CI builds.
  • When you require client-side protection for secret values and explicit public variable handling.
  • When implementing feature flags or conditional either-or configuration constraints.

Best practices

  • Declare a single schema for all env variables with explicit server/public annotations.
  • Validate env vars on server start and add a prebuild validation step in CI to fail fast.
  • Keep local .env overrides only for development and sync canonical values to Vercel via CLI.
  • Use either-or constraints for mutually exclusive settings and document fallback rules.
  • Expose only whitelisted public variables to the client and treat others as server-only secrets.

Example use cases

  • A Next.js + TypeScript app that validates API keys and database URLs at startup and fails CI builds early when missing.
  • A Vercel-deployed service where env vars are managed via the Vercel CLI and local development uses safe overrides.
  • Feature-flag driven releases where flags are validated and typed, preventing accidental client exposure.
  • A monorepo with multiple services sharing a unified env schema and per-service overrides.
  • Prebuild scripts that run env validation to prevent broken production builds due to invalid configuration.

FAQ

The schema explicitly marks variables as server-only or public. Only fields marked public are exposed to client bundles, and tooling enforces that server-only values are never included in client-side builds.

Can I run validation during CI and local dev?

Yes. Validation runs at server start and can be added as a prebuild step in CI. Local development can use safe .env overrides while still validating against the canonical schema.

46 skills

env-management
Api

This skill provides type-safe environment variable management with Zod validation, Vercel workflow integration, and prebuild checks for reliable deployments.

BackendCi CdDevopsFullstack+2
base-app-setup
Ai

This skill guides you through setting up a scalable Next.js app with Shadcn UI, Neon Postgres, Drizzle ORM, and AI SDK for rapid AI-powered development.

ApiBackendDatabaseFrontend+2
stripe-subscriptions
Api

This skill helps you implement a complete Stripe subscriptions workflow with webhooks, plan gating via feature flags, and a billing portal for seamless billing.

BackendDatabaseFullstackMonitoring+2
ai-agent-workflow
Ai

This skill helps build resumable multi-agent workflows with durable execution and automatic stream recovery across client reconnections.

ApiAutomationBackendFullstack+1
ai-chat
Ai

This skill helps you build and manage a full-stack AI chat app with persistence, chat list features, and automatic title generation.

ApiBackendDatabaseFrontend+2
url-state-management
Api

This skill helps you sync React state to URL query parameters for shareable filters, search, and deep links using nuqs.

DesignFrontendFullstackProductivity+2
og-image-generation
Backend

This skill generates dynamic social preview images for Next.js apps using file conventions and next/og, with server-side rendering and build-time caching.

DesignFrontendFullstackSeo+2
use-fullstackrecipes
Ai

This skill helps you discover and follow production-ready fullstack recipes to accelerate setup, skills, and cookbooks for AI apps.

AutomationDocsFullstackProductivity+1
shiki-code-blocks
Code Review

This skill highlights code blocks using Shiki with SSR support and automatic theme switching for seamless developer experience.

DebuggingDocsFrontendPerformance+1
better-env
Automation

This skill helps you manage typed environment variables across local and remote providers with safe config schemas, validation, and CLI-driven sync.

BackendCliCloudDevops+2
using-sentry
Backend

This skill helps you instrument applications with Sentry by capturing exceptions, adding context, tracing performance, and enabling structured logging.

DebuggingFrontendFullstackObservability+2
env-validation
Backend

This skill helps you validate environment variables on server start and before builds, catching missing or invalid vars with clear errors.

Ci CdScriptingTypescript
ralph-setup
Ai

This skill helps automate agent-driven development by configuring Ralph loop to execute user stories, verify criteria, and log progress.

AutomationCi CdDevopsFullstack+4
nuqs-setup
Api

This skill syncs React state with URL query parameters to enable shareable filters and deep links while preserving UI state.

FrontendFullstackUxTypescript
code-style-setup
Cli

This skill configures Prettier and TypeScript with VSCode and EditorConfig for consistent, error-free formatting and typing.

FormattingFullstackLintingProductivity+2
neon-test-branches
Automation

This skill helps you provision isolated Neon test branches with schema-only structure, auto-cleanup TTL, and environment orchestration for safe testing.

BackendDatabaseDevopsInfra+2
using-nuqs
Debugging

This skill helps you manage React state in URL query parameters with nuqs for shareable filters and deep-linkable dialogs.

DocsFrontendFullstackProductivity+1
user-stories-setup
Ai

This skill helps teams document feature requirements as testable user stories in JSON, enabling AI agents to verify and track progress.

PlanningProductWritingTypescript
better-auth-emails
Api

This skill guides implementing Better Auth emails with verification, password reset, and account management using Resend for reliable user communications.

BackendDocsFullstackSecurity+1
ai-chat-persistence
Ai

This skill helps persist AI chat conversations in Neon Postgres, including AI SDK message parts, tools, reasoning, and streaming for reliable history.

BackendDataDatabaseFullstack+2
stripe-sync
Api

This skill automates Stripe subscriptions syncing with Postgres via webhooks, Vercel flags for plan configuration, and billing portal integration.

BackendDataDatabaseFullstack+2
using-workflows
Ai

This skill helps you design and run durable workflows with steps, streaming, and agent execution for resilient, resumable automation.

AutomationBackendDevopsFullstack+1
using-logging
Backend

This skill enforces structured logging with Pino across your app, improving observability with consistent context, levels, and workflow-safe patterns.

DebuggingFullstackObservabilityPerformance+1
sentry-setup
Api

This skill guides you through configuring Sentry for errors, performance, and logs, integrating with Pino for automated log forwarding.

BackendDebuggingDevopsInfra+2
using-authentication
Api

This skill streamlines secure authentication across client and server, enabling session access, protected routes, sign in/out, and user data retrieval.

BackendFrontendFullstackSecurity+1
config-schema-setup
Api

This skill validates and enforces type-safe environment configurations using a Zod-inspired schema, covering server and client fields, feature flags, and

BackendFullstackSecurityTesting+1
custom-durable-agent
Ai

This skill helps you design and operate a custom durable AI agent with full control over streamText options, configs, and tool loops.

ApiAutomationBackendDevops+3
better-auth-profile
Backend

This skill helps you implement a complete account settings page with profile editing, password changes, email updates, session management, and deletion.

DocsFrontendFullstackSecurity+2
feature-flags-setup
Api

This skill helps you implement feature flags with Flags SDK for server-side evaluation, environment toggles, and Vercel Toolbar integration.

BackendCloudDevopsDocs+2
better-auth-components
Design

This skill helps you implement production-ready authentication UI and pages with shadcn patterns for sign in, sign up, and reset flows.

FrontendFullstackSecurityUx+1
using-user-stories
Planning

This skill helps you define and track feature delivery using user stories, ensuring verifiable steps and passing acceptance criteria.

ProductTestingUxWriting+1
assert
Api

This skill provides a TypeScript assertion helper for runtime type narrowing with descriptive errors, aiding robust input validation and early failure

BackendDebuggingFullstackRefactor+2
resumable-ai-streams
Ai

This skill enables automatic recovery for AI chat response streams using WorkflowChatTransport, start/resume endpoints, and useResumableChat hook to maintain

ApiBackendFullstackPerformance+1
using-tests
Backend

This skill helps you implement and manage a robust test strategy across Playwright, API integration, and unit tests for fast, isolated runs.

FrontendIntegration TestsTestingUnit Tests+1
nextjs-on-vercel
Ci Cd

This skill helps you bootstrap a Next.js app on Bun, configured for development and deployment to Vercel with automatic previews.

CloudDevopsFrontendFullstack+2
playwright-tests
Automation

This skill helps you create and run browser tests with Playwright to verify user interactions, navigation, and visual feedback across pages.

DebuggingFrontendFullstackTesting+1
ai-sdk-setup
Ai

This skill helps you install the Vercel AI SDK and build a streaming chat interface using useChat, boosting rapid AI-enabled UI development.

ApiDocsFrontendFullstack+1
workflow-setup
Ai

This skill guides you through installing and configuring the Workflow Development Kit for resumable AI agent workflows with step-level persistence.

AutomationBackendCloudDevops+2
shadcn-ui-setup
Design

This skill helps you set up Shadcn UI with dark mode support using next-themes, including theme provider and CSS variables configuration.

DocsFrontendUxTypescript
neon-drizzle-setup
Backend

This skill helps you connect a Next.js app to Neon Postgres using Drizzle ORM with optimized serverless pooling for Vercel.

CloudDatabaseDevopsFullstack+2
pino-logging-setup
Backend

This skill configures Pino logging with development friendly colorized output and production JSON for aggregation, boosting observability across apps.

DebuggingDevopsObservabilityPerformance+1
env-workflow-vercel
Automation

This skill helps you manage environment variables across Vercel environments, syncing with the Vercel CLI and handling local overrides.

BackendCliCloudDevops+2
resend-setup
Api

This skill helps you configure Resend for transactional emails like password resets and verifications across your app.

BackendDevopsDocsFullstack+1
using-drizzle-queries
Backend

This skill helps you write type-safe Drizzle ORM queries in TypeScript for select, insert, update, delete, and relational data.

DataDatabaseFullstackSql+1
unit-tests
Backend

This skill configures and runs Bun unit tests with Jest-compatible syntax, providing fast, co-located test files and robust mocking.

DevopsFullstackTestingUnit Tests+1
authentication
Api

This skill implements a complete authentication system with Better Auth, email verification, and protected routes to secure user data.

BackendDatabaseFullstackSecurity+1
More from this maintainer
Other repositories and skills published under the same GitHub owner.
Skills library
Jump back to the full directory or explore grouped topics.
Built by
VeilStrat
AI signals for GTM teams
© 2026 VeilStrat. All rights reserved.All systems operational