constructive-boilerplate-nextjs-app

Set up and develop with the Constructive App frontend boilerplate — a Next.js application with authentication, organization management, invites, members, and a GraphQL SDK.

When to Apply

Use this skill when:

• Setting up a new Constructive frontend application from the boilerplate
• Working with the constructive-app template (auth, orgs, invites, members)
• Needing to understand the project structure, routes, or configuration
• Running or customizing the Constructive App boilerplate

Overview

The Constructive App boilerplate is a frontend-only Next.js application that connects to a Constructive backend. It provides production-ready authentication flows, organization management, invite handling, member management, and account settings — all powered by a generated GraphQL SDK.

Setup

1. Clone the Boilerplate

Use pgpm init with the -w flag to scaffold a workspace from the template. All required arguments must be provided to avoid interactive prompts: