Skip to main content

​
superun overview

Welcome. This guide walks you through building a complete full-stack application with superun. superun 4 steps superun turns your idea into a working product through four clear stages: Idea → Preview → Build → Launch Each stage focuses on a different kind of decision, so you always know what to do next.

​
Step 1 · Idea

​
Turn an idea into a product blueprint

Start by describing the product you want to build.
  • Write a prompt that explains your product idea
  • Answer a few short guiding questions
  • superun organizes your input into a structured project foundation
After this step, you have a clear product direction ready for generation. → Learn more: Idea

​
Step 2 · Preview

​
Explore, edit, and refine your product visually

Before you build features, superun lets you confirm direction visually.
  • Browse design options (first round defaults to 2, as shown in product) and pick an initial style
  • View a live product preview of full pages
  • Use editable design tools to adjust the UI freely
  • Select on-screen elements to change layout, content, spacing, and styles
  • Describe what you need in natural language and let superun update the interface
After this step, you have a confirmed visual direction and UI structure. → Learn more: Preview

​
Step 3 · Build

​
Define features, logic, and integrations

In Build, you decide what the product can do and how it works.
  • Feature List helps you choose the core capabilities your product needs
  • Each feature option generates matching UI, data models, and backend logic
Platform services and integrations include:
  • superun Cloud: authentication, database, and backend capabilities
  • superun AI: AI-powered interaction and generation
  • Stripe: payments and subscriptions
  • superun image generation: AI images
  • Supabase: external database and backend integration
Services are preconfigured to work together so frontend and backend stay aligned.
💡 Understand the workflow: In superun you will meet three key concepts:
  • Demo: Frontend only — validate ideas and flows with fake data
  • Prototype: Equivalent to demo; does not include development
  • Development: Wire real capabilities (such as sending email) so the product can serve other users
Demo is complete when: after signing up via an invite link, you enter a requirement in superun, generate design options (first round defaults to 2, as shown in product), pick one, and finish that run.
→ Learn more: Build

​
Step 4 · Launch

​
Publish, optimize, and keep tracking

When your project is ready, go live.
  • Set site title, description, and social share previews
  • Configure SEO and domain settings
  • Publish and share your product
  • Track performance and analytics
Your product is now live — discoverable, shareable, and measurable. → Learn more: Launch

​
What’s next?

Keep exploring the docs for each feature and advanced usage.

superun website

Visit the superun website for more product information and the latest updates.