create-vista-app 0.1.0 → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/template/README.md +50 -0
package/package.json
CHANGED
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
# My Vista App
|
|
2
|
+
|
|
3
|
+
Built with [Vista.js](https://github.com/vistagen/Vista-Js) — the React framework powered by Rust.
|
|
4
|
+
|
|
5
|
+
## Getting Started
|
|
6
|
+
|
|
7
|
+
Run the development server:
|
|
8
|
+
|
|
9
|
+
```bash
|
|
10
|
+
npm run dev
|
|
11
|
+
# or
|
|
12
|
+
pnpm dev
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
Open [http://localhost:3003](http://localhost:3003) in your browser.
|
|
16
|
+
|
|
17
|
+
## Project Structure
|
|
18
|
+
|
|
19
|
+
```
|
|
20
|
+
app/
|
|
21
|
+
├── root.tsx # Root layout (<html>, <body>, fonts)
|
|
22
|
+
├── index.tsx # Home page
|
|
23
|
+
├── globals.css # Global styles (Tailwind CSS v4)
|
|
24
|
+
└── about/
|
|
25
|
+
└── page.tsx # Example nested route → /about
|
|
26
|
+
public/
|
|
27
|
+
├── vista.svg # Static assets
|
|
28
|
+
vista.config.ts # Framework configuration
|
|
29
|
+
```
|
|
30
|
+
|
|
31
|
+
## Key Concepts
|
|
32
|
+
|
|
33
|
+
- **`app/root.tsx`** — Root layout that wraps every page. Defines `<html>`, fonts, and metadata.
|
|
34
|
+
- **`app/index.tsx`** or **`app/page.tsx`** — Page components. Each folder = a route.
|
|
35
|
+
- **`'use client'`** — Add this directive to make a component interactive (client-side).
|
|
36
|
+
- **Server Components** — All components are server components by default (zero JS sent to browser).
|
|
37
|
+
|
|
38
|
+
## Available Commands
|
|
39
|
+
|
|
40
|
+
| Command | Description |
|
|
41
|
+
| ------------- | --------------------------------- |
|
|
42
|
+
| `vista dev` | Start dev server with live-reload |
|
|
43
|
+
| `vista build` | Create production build |
|
|
44
|
+
| `vista start` | Start production server |
|
|
45
|
+
|
|
46
|
+
## Learn More
|
|
47
|
+
|
|
48
|
+
- [Vista.js GitHub](https://github.com/vistagen/Vista-Js)
|
|
49
|
+
- [React Server Components](https://react.dev/reference/rsc/server-components)
|
|
50
|
+
- [Tailwind CSS v4](https://tailwindcss.com)
|