App starter kit + beginner guides
Build your first
web app with AI.
Ghoststack gives beginners editable app code and step-by-step guides. Login, payments, and a database are already coded. Download the starter, connect your accounts, and use AI to build the features your idea needs.
Use your choice of AI coding tool
Pay once · Unlimited projects · 10-day money-back guarantee
Build a planner, a paid tracker, or a small AI tool. Learn as you go.
What's in the starter
Login, payments,
and a place to save data.
The code below comes in one small project you can run on your computer. Follow the guides to connect your service accounts, then use your AI to add the features that make your app yours.
Let people sign in
Sign in through an email link, open a protected dashboard, view account details, and sign out. The session handling is already in place.
Supabase Auth
Save your users’ data
User profiles, subscription records, and database access rules are included. Add tables for your own app’s data with the guides and your AI.
Supabase database
Charge a subscription
Send signed-in users to checkout, record their subscription status when Stripe sends a payment event, and let them manage billing in the customer portal.
Stripe
Start with editable pages
A landing page, login, pricing, dashboard, and settings. Change the content, colors, and layout to fit the app you want to build.
Next.js · Tailwind CSS · DaisyUI
Create your app’s emails
Welcome and subscription email templates, a local preview, and code for sending through Resend. Choose when your app should send them.
Resend + React Email
Build a text-based AI feature
Server-side code for text responses and streaming through one API. Choose a model from OpenRouter’s supported providers and build the interface your idea needs.
OpenRouter
The connection code is included. You connect your own service accounts and keys using the setup guides. The first preview runs before you connect them; live login, payments, email, and AI need their services configured.
Your coding AI also gets project instructions and optional connection templates for Supabase, Stripe, and Render. These tools (MCP servers) let your assistant inspect services as you build. You choose which to connect and authorize. Optional Plausible analytics lets you track visits to your app.
The guides are part of the product
Learn to use the tools.
As you build your app.
We’ve chosen the tools and explain how to use them in plain language. Download the starter, open it in your AI coding tool, and follow the guides to customize, test, and publish your app. Copy a prompt when you need help, then check the result.
01
Get your first preview running
Download the starter, open it in your AI tool, install what it needs, and change your first headline. Get help with terminal commands, settings files, and common startup errors.
02
Build a real first feature
Follow the written tutorial to build a private project list: create, show, and delete records. Use two accounts to check that each person can only see their own data.
03
Connect login, payments, and email
Set up Supabase sign-in, Stripe prices and payment notifications, and your email domain. The guides explain where the settings go and how to test them.
04
Give your AI the right context
Choose Codex, Claude Code, or Cursor. Learn how project instructions work and how to connect optional service tools in the desktop app, editor, or terminal you use.
05
Add the features your idea needs
Use prompts for a waitlist, blog, onboarding, avatar uploads, and more. Each guide explains the setup and how to check the result. You add these features when you need them.
06
Test your app and put it online
Follow the Render hosting and domain guides, then check login, payments, email, and access to private data. Save checkpoints so you can recover from a bad change.
Read the maintained guides on this site. A Markdown copy comes with the starter, so your AI can read the same instructions inside your project.
Try the guides before you buy
These three previews are public. No email or purchase needed.
A first step you can follow
From download to your first change.
After purchase, start here. You'll need Node.js and one AI coding tool installed. The first preview works before you connect any service accounts.
01Open your copy of the starter
Accept your GitHub invitation, download the code, and open the extracted folder in Codex, Claude Code, or Cursor.
02Run two commands
In that folder, install the packages, then start the local preview. Your AI can help you run these.
npm install npm run dev03Make it yours
Open the address shown in the terminal. Use the example prompt, then refresh the page to see your new headline.
Your first prompt
Read AGENTS.md. I'm new to coding. Change the landing page headline in app/page.tsx to "A little more organized." Keep the current design and show me how to check the change in my local preview.
You're done when…
- The starter opens in your browser
- Your new headline appears on the page
- You save a checkpoint before your next change
This preview runs on your computer. Follow the service guides when you're ready for live login, payments, email, or AI features.
Made for a first-time builder with a real idea.
You don't need a coding background to start. You do need a computer, time to follow instructions, and a willingness to learn a few new things.
Ghoststack fits small web apps: a niche AI tool, a paid tracker, a planner, or a simple member dashboard. Start with one useful thing for one group of people.
What to expect
- You'll create a free GitHub account to get the source code, and service accounts as you connect them.
- Your AI helps write code. You'll review changes, test the app, and look after it once it's live.
- AI tools, hosting, your domain, and service usage are separate costs. Free tiers have limits.
- Ghoststack is a starter kit. Your finished product, launch date, and sales depend on what you build.
One purchase. Your code to keep.
One purchase.
Your next app starts here.
Get the source code, guides, and access to updates when released. Use it for unlimited projects.
Ghoststack
Editable app code and step-by-step learning for beginners
- Editable pages, email login, and database setup
- Stripe subscriptions and customer billing portal
- Email templates and code for AI text features
- Beginner guides and a first-feature tutorial
- Copyable prompts, coding AI instructions, and launch checks
- Unlimited projects and access to released updates
Secure checkout with Stripe. No account needed to buy.
10-day money-back guarantee
If it isn't for you, email damian@nclabs.ch within 10 days for a full refund. See terms.
After checkout, sign in with your purchase email and enter your GitHub username in the dashboard to receive your repository invitation.
Third-party accounts, subscriptions, and usage fees are not included. You pay services such as Supabase, Resend, hosting, and AI providers separately. Final payment details appear at checkout.
Before you get started
Can I use this if I’ve never coded?
It is designed to help you start: plain-language guides, copy-and-paste prompts, and a small codebase. You will still set up accounts, run a few commands, and test what the AI builds. Read the public guide previews to see whether the workflow suits you.
Why buy a starter when AI can write code?
You are buying a connected starting point and a path through setup. Login, billing, database access, and email need to work together. Ghoststack gives your AI those foundations and project instructions, so you can focus on the feature that makes your app useful.
What exactly do I get when I buy?
You get access to the starter’s editable source code on GitHub, the step-by-step guides, copyable prompts, and instructions for your coding AI. The code includes the pages and service connections listed above. You download it to your computer, connect your own accounts, and follow the guides to build and publish your app. No coding background is required to start; setup and testing are part of the learning.
What makes Ghoststack a lean starter?
The app includes a focused foundation and editable pages using Tailwind CSS and DaisyUI. DaisyUI supplies buttons, forms, cards, and other UI components; you can change the theme and ask your AI to build with them. Optional features such as a blog, waitlist, or onboarding flow live in documentation prompts, so you add them when your app needs them.
Read about the design approach →What is in the prompt library?
The prompts are part of task-specific guides covering setup, features, troubleshooting, and launch checks. They tell your AI where to work and explain how you can verify the result. They work with Codex, Claude Code, and Cursor.
Try three public prompt examples →Does it work with Codex, Claude Code, and Cursor?
Yes. The project includes shared instructions in AGENTS.md, a Claude Code entry point, and tool-specific setup guides. Choose the coding tool and current model that fit your account and budget. Your coding tool subscription is separate from any AI API your finished app uses.
Is this a hosted app builder?
You receive source code that runs on your computer and can be deployed to your own hosting account. You own the applications you build. Ghoststack does not host your app or build your custom features for you.
What other costs are there? Can I start on free plans?
Ghoststack has no monthly fee. Your purchase covers the code and guides. Third-party accounts, subscriptions, and usage fees are separate, and you pay those providers directly.
- Supabase (database and login) and Resend (email) offer free plans with limits. You can use them to get started, then upgrade when your usage or required features call for it.
- Render offers free hosting instances for trying an app. Free web services sleep when idle; plan for paid hosting if you need an always-on app.
- Stripe charges fees for live payments. OpenRouter has limited free models and charges for paid model usage if you add AI features.
- Budget separately for your domain and coding tool. Optional Plausible analytics is a paid service with a free trial.
You can open the local preview before connecting services. Check the linked plans before launch: paid services may be useful before your app reaches a large audience.
Can I change providers and keep growing my app?
Yes. You receive standard Next.js source code that you can extend and deploy to compatible hosting. The guides follow the included Supabase, Stripe, Resend, and Render setup. Changing providers or adding advanced features means additional development, configuration, and testing. Larger requirements may also need changes to the architecture. That work is not included as a service.
Understand the starting stack and tradeoffs →Can I build more than one app?
Yes. Your license covers unlimited projects. You cannot redistribute or resell the starter code or documentation. See the terms for the full license.
Built by Damian at NC Labs
Have an idea,
but unsure where to start?
Read a guide, or email me about your idea before you buy.
Prefer to learn first? Get the free playbook.