Build a Landing Page in 60 Seconds
· 2 min read
If you want to test Micropage quickly, the fastest path is simple: create a project, add one page, and publish it.
This guide shows the smallest possible flow to get a real page live.
Option 1: Start in the Web App
Go to app.micropage.sh, create a new project, and open the editor. Paste this example:
[site]
title: My Product
description: A simple landing page built with Micropage
[Home -> /]
/// hero
h1: Launch faster
p: Build and publish simple pages without fighting a visual builder.
button: Get Started -> /signup
Click Publish. Your page is live on its default Micropage URL.
Option 2: Start with the CLI
Install the CLI:
npm install -g micropage
Login:
micropage login
Create a project:
micropage projects create mysite
Open the generated page file and replace its contents with:
[site]
title: My Product
description: A simple landing page built with Micropage
[Home -> /]
/// hero
h1: Launch faster
p: Build and publish simple pages without fighting a visual builder.
button: Get Started -> /signup
Publish:
micropage publish
Preview the live site:
micropage preview
What this example shows
This page uses only a few core concepts:
- a
[site]block for site metadata - a nav entry
- a
herosection - text and a button
That is enough to publish a real page.
Next steps
From here, the next useful things to learn are: