Skip to content

Commit 27154d9

Browse files
docs: review ways to start with templates
Signed-off-by: David Dal Busco <david.dalbusco@outlook.com>
1 parent 5c0454f commit 27154d9

1 file changed

Lines changed: 42 additions & 13 deletions

File tree

docs/start-a-new-project.mdx

Lines changed: 42 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,20 @@
11
---
2-
description: Scaffold a new full-stack project with Juno using your favorite frontend framework. Includes emulator support, serverless functions, and everything preconfigured.
2+
description: Build a full-stack app with Juno — scaffold a new project using your favorite frontend framework, or integrate Juno into an existing codebase with serverless functions, data, and local emulator support.---
33
---
44

5-
# Start a new project
5+
# Start a New Project
66

7-
Are you starting a fresh project? We've got your back.
7+
With Juno, a project typically lives in a single repository — combining your frontend, serverless functions, and configuration. Whether you're starting from scratch or extending an existing app, the result is a full-stack project that deploys as a single container.
88

9-
Whether it's a website, blog, or app, leverage Juno's onboarding CLI to scaffold your project with ready-made templates for popular frontend frameworks like Astro, Next.js, React, SvelteKit, Vue, and Angular.
9+
Choose the path that fits where you are in your journey:
1010

11-
Just run:
11+
---
12+
13+
## 🚀 1. Scaffold with a Juno Template
14+
15+
One way to get started is by scaffolding a full-stack project using our prebuilt templates — it sets up your frontend framework of choice along with serverless functions and emulator support.
16+
17+
To create a new project, just run:
1218

1319
import { Bash } from "./components/bash.mdx";
1420

@@ -18,16 +24,39 @@ import { Bash } from "./components/bash.mdx";
1824
pnpm="pnpm create juno"
1925
/>
2026

21-
...and follow the prompts.
27+
:::note
28+
Supports Astro, Next.js, React, SvelteKit, Vue, and Angular.
29+
:::
2230

2331
---
2432

25-
This will generate a working project with:
33+
## ✨ 2. Start with Your Favorite Framework
34+
35+
Prefer to begin with `npx create-next-app`, `npm create svelte@latest`, or any other starter you know well? Totally fine. Set up your frontend however you like, then bring in Juno afterward.
36+
37+
Once your app is ready, head over to the [SDK Setup Guide](./setup-the-sdk.mdx) to:
38+
39+
- Install the SDK
40+
- Enable emulator support
41+
- Add serverless functions
42+
- Configure deployment
43+
44+
This gives you full flexibility while keeping everything in one repo.
45+
46+
---
47+
48+
## 🧩 3. Add Juno to an Existing Project
49+
50+
Already have a project in development or production? You can integrate Juno incrementally.
51+
52+
Start with the [SDK Setup Guide](./setup-the-sdk.mdx) and bring in only what you need — whether that's authentication, datastore, serverless functions, or all of the above.
53+
54+
---
55+
56+
## One Repo, One App
57+
58+
No matter how you start, Juno follows a simple principle: **one project = one repo = one container**.
2659

27-
- A frontend app using your selected framework
28-
- Preconfigured emulator support
29-
- Sample serverless functions (TypeScript or Rust)
30-
- Built-in auth, data, and storage integration
31-
- Or a minimal template if you just want to host a static site
60+
Everything — frontend, backend, and app state — is bundled into a single WebAssembly (WASM) container and deployed together.
3261

33-
You can run the project locally right away, explore the code, and start building.
62+
This architecture keeps development and deployment straightforward, reliable, and fully yours.

0 commit comments

Comments
 (0)