Skip to main content

​
What is GoalGen?

GoalGen is a vision board application that helps you visualize goals, manage tasks, and bring your aspirations to life on an interactive canvas. Built with Next.js 16, React 19, and Konva, it combines modern web tech with an intuitive drag-and-drop experience.
GoalGen runs as a Next-forge monorepo with separate apps for the web UI, API, docs, and more. The canvas is fully client-side for smooth interactions.

​
Core features

Interactive canvas

Drag, drop, and arrange goals on a visual board. Powered by Konva for smooth 2D rendering.

Task management

Break goals into actionable tasks. Track progress and stay organized.

Offline support

LocalStorage caching keeps your boards available even without a connection.

Real-time sync

Changes sync to the database when you’re back online. Best of both worlds.

​
Quick start

Follow these steps to get GoalGen running locally.
1

Clone the repository

Clone the GoalGen monorepo from your Git provider. The docs live in apps/docs.
2

Install dependencies

From the repo root, run pnpm install (or npm install). This installs all workspace packages.
3

Set up environment

Copy .env.example to .env.local and add your API keys. Clerk can be disabled for local dev.
4

Run the app

Start the web app with pnpm dev in apps/app, or preview docs with pnpm dev in apps/docs.
The docs site runs on port 3004 by default. Run cd apps/docs && npm run dev to preview this page locally.

​
Tech stack at a glance

Choose your package manager to see the install command: 
pnpm install
LayerTechnology
FrameworkNext.js 16 (App Router)
UIReact 19, Tailwind CSS 4
CanvasKonva, react-konva
AuthClerk
DatabasePrisma (Neon / Supabase / PlanetScale)
AIVercel AI SDK

​
Callout examples

Mintlify provides callouts for different types of information:
Note — Supplementary info that’s safe to skip. Use for optional context.
Info — Helpful context like permissions or prerequisites. Node.js 18+ is required for the Mintlify CLI.
Tip — Recommendations and best practices. Keep your boards focused on 3–5 main goals for clarity.
Warning — Potentially destructive actions. Canvas components must use 'use client' because Konva cannot be server-rendered.
Check — Success confirmation. Your board has been saved to the cloud.

​
Expandable content

Use <Expandable> to hide optional details until the user needs them.

​
Accordion FAQ

GoalGen offers a free tier for personal use. Team and enterprise plans include collaboration features and priority support.
Boards are stored in your database (Neon, Supabase, or PlanetScale). LocalStorage provides offline caching. Your data stays in your infrastructure.
Yes. The design system uses shadcn/ui components. You can theme colors, fonts, and layouts via Tailwind and CSS variables.

​
Tabs for options

Use tabs when users need to choose between a few distinct options:
The main GoalGen experience runs in the browser. No installation required. Works on desktop and mobile.

​
Next steps

Quickstart

Get your development environment set up and run the app locally.

API Reference

Explore the API endpoints for boards, tasks, and authentication.