gcp-nextjs-bootstrap

Bootstrap GCP-backed Next.js projects with OAuth, Supabase, Cloud Storage, and Firebase provisioning.

Updated Jan 30, 2026
One-click install
npx skills add https://github.com/juanjaragavi/social-media-genius --skill gcp-nextjs-bootstrap
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: gcp-nextjs-bootstrap
Source: https://github.com/juanjaragavi/social-media-genius/tree/main/.claude/skills/gcp-nextjs-bootstrap
Command: npx skills add https://github.com/juanjaragavi/social-media-genius --skill gcp-nextjs-bootstrap

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

GCP service configuration and full-stack Next.js bootstrapping workflow for TopNetworks properties. Generates browser agent instruction sets for GCP project setup, OAuth, Supabase, Cloud Storage, and Firebase provisioning, then enforces a hard wait state before any backend code is written. Use when creating a new full-stack Next.js application, adding backend services to an existing frontend, or refactoring/upgrading an existing full-stack Next.js codebase.

Core Features & Use Cases

  • Generates browser agent instruction sets for GCP project setup, OAuth credentials, Supabase, Cloud Storage, and Firebase provisioning.
  • Enforces a mandatory wait state before backend scaffolding to collect environment variables and ensure a safe start.
  • Guides scaffolding and refactoring of Next.js full-stack projects to align with RouteGenius conventions.

Quick Start

Provide the populated environment variables after the browser agent completes to continue scaffolding the Next.js project.

Frequently Asked Questions about gcp-nextjs-bootstrap

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

FAQPage Schema
How do I bootstrap a full-stack Next.js app with GCP and Supabase?

To bootstrap a full-stack Next.js app on GCP, this Skill generates browser agent instructions for setting up OAuth, Supabase, Cloud Storage, and Firebase provisioning, then scaffolds your project once environment variables are provided. It enforces a mandatory wait state before writing backend code.

Can I add Firebase and Cloud Storage to an existing Next.js frontend?

Yes, you can add Firebase and Cloud Storage to an existing Next.js frontend. The Skill supports refactoring or upgrading existing full-stack Next.js codebases by specifying the scope for adding backend services and aligning the scaffolding with RouteGenius conventions.

What environment variables do I need to scaffold a Next.js project on GCP?

Scaffolding a Next.js project on GCP requires collecting populated environment variables after the browser agent completes GCP setup, OAuth credentials, Supabase, Cloud Storage, and Firebase provisioning. The Skill enforces a hard wait state until these credentials are provided to ensure a safe start.

Does the GCP Next.js bootstrapping process support OAuth configuration?

Yes, the GCP Next.js bootstrapping process supports OAuth configuration. It generates specific browser agent instruction sets for configuring OAuth credentials alongside Supabase, Cloud Storage, and Firebase provisioning within your GCP project setup.

Why does my Next.js backend scaffolding wait for GCP credentials?

Next.js backend scaffolding waits for GCP credentials because the Skill enforces a mandatory wait state before any backend code is written. This ensures all environment variables are collected and a safe start is guaranteed for the full-stack project.

What is the best way to provision a GCP project for a full-stack Next.js application?

The best way to provision a GCP project for a full-stack Next.js application is generating browser agent instruction sets for setup. This approach handles OAuth, Supabase, Cloud Storage, and Firebase provisioning before scaffolding the project to align with RouteGenius conventions.