You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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.---
3
3
---
4
4
5
-
# Start a new project
5
+
# Start a New Project
6
6
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.
8
8
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:
10
10
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:
12
18
13
19
import { Bash } from"./components/bash.mdx";
14
20
@@ -18,16 +24,39 @@ import { Bash } from "./components/bash.mdx";
18
24
pnpm="pnpm create juno"
19
25
/>
20
26
21
-
...and follow the prompts.
27
+
:::note
28
+
Supports Astro, Next.js, React, SvelteKit, Vue, and Angular.
29
+
:::
22
30
23
31
---
24
32
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**.
26
59
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.
32
61
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