Skip to main content

​
Overview

This is the step-by-step guide on how to build a full-stack application successfully with Astrio. Astrio Platform Overview

​
Quick Setup

1

Create Your Account

Sign up for free at astrio.app
2

Choose Your Starting Point

Select whether to build from scratch or modernize an existing application
3

Start Building

Use our visual builder and natural language prompt system to design and configure your application
4

Publish Your App

Launch your app to production with one click

​
Your First Project

​
The Lifecycle of an Application

Every project in Astrio follows a simple flow: Plan & Design → Build or Modernize → Iterate → Publish

​
Step 1: Plan & Design

Before you start, think about what you want to create or modernize.
  • What is it? (a portfolio website, a business dashboard, an old exisitng website that needs a fresh look)
  • Who is it for? (yourself, your team, your customers)
  • What should it do? (list features like “create tasks,” “show charts,” “send notifications”)
  • How should it look? (clean, modern, playful, professional)
A little planning goes a long way. Even if you start with a simple idea, having answers to these questions helps Astrio give you better results.

​
Step 2: Start Building or Modernizing

There are several ways to get started with Astrio, depending on your preferences and resources.
Astrio’s prompt-based system makes app creation and modernization simple.
  • Just describe what you want to build in the prompt box.
  • The more specific you are, the better the results.
  • Start with clear and detailed prompts.
  • You can refine and adjust your project as you go.
Example:“I want to build a landing page for a bakery called Paris Bakery. It’s located in a small college town called Lewisburg, Pennsylvania. The goal of the site is to attract local students, families, and visitors by showing off the bakery’s story, menu, and contact details. Its features should include: a hero section with a warm welcome message, an about section telling the bakery’s story, a menu preview with photos of baked goods, a testimonials section for customer reviews, and a contact section with location, phone, and hours. It should have a cozy, Parisian-inspired aesthetic with warm colors, elegant fonts, and inviting photography. Users should be able to easily browse the menu, read about the bakery, and find directions. The site should be mobile-friendly and fast-loading. Users will access the site in their browser, so make sure it’s suitable for hosting on Netlify.”
With Astrio, you can bring in your old codebase in two simple ways:
  • Upload it as a ZIP file.
  • Connect your GitHub account and link a repository.
1

Open Figma

Use a design from Figma.
2

Take a Screenshot

Take a screenshot of your Figma design, then paste or drag-and-drop it into Astrio.
3

Let Astrio Handle the Rest

Our platform will transform your sketch into working code.
1

Sketch your UI

Use Excalidraw or any similar tool to sketch your UI.
2

Take a Screenshot

Take a screenshot of your drawing, then paste or drag-and-drop it into Astrio.
3

Let Astrio Handle the Rest

Our platform will transform your sketch into working code.

​
Step 3: Iterate

After Astrio generates your application from your first prompt, you’ll probably want to make changes:
  • Add more features.
  • Tweak behavior or appearance.
  • Fix bugs.
Remember. Do one thing at a time. Don’t try to add multiple features in one go.

​
Step 4: Publish

When you’re ready to go live, you can just publish it and get a shareable URL. You can use that URL showcase your application or share it with collaborators and stakeholders.

​
What You Can Build with Astrio

  • Personal Portfolios: Showcase your work, skills, and achievements
  • Business Landing Pages: Highlight your brand, products, and services
  • Event Pages: Promote upcoming events with schedules and registration
  • Product Launch Sites: Create buzz and capture early customers
  • CRM Systems: Manage customers and sales pipelines
  • Project Management: Track tasks, teams, and deadlines
  • Inventory Management: Monitor stock and orders
  • HR Portals: Employee onboarding and management
  • Online Stores: Sell products with integrated payments
  • Service Marketplaces: Connect buyers and sellers
  • Subscription Services: Recurring billing and management
  • Digital Downloads: Sell courses, ebooks, software
  • Blogs & Publications: Content management systems
  • Community Platforms: Forums and social features
  • Learning Platforms: Courses and educational content
  • Event Management: Registration and ticketing
  • Analytics Dashboards: Data visualization and reporting
  • Workflow Automation: Business process management
  • API Services: Backend services and integrations
  • Multi-tenant Applications: Software as a Service platforms

​
Need Help?

Community

Join our Discord community

Support

Get help from our team
Ready to start building? Create your free account and have your first app running in minutes!