https://github.com/danny-yamamoto/my-portfolio-vanjs
Welcome to my portfolio.
https://github.com/danny-yamamoto/my-portfolio-vanjs
typescript vanjs
Last synced: about 2 months ago
JSON representation
Welcome to my portfolio.
- Host: GitHub
- URL: https://github.com/danny-yamamoto/my-portfolio-vanjs
- Owner: danny-yamamoto
- Created: 2023-08-20T23:35:05.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-08-22T00:40:07.000Z (almost 2 years ago)
- Last Synced: 2025-02-02T18:21:25.694Z (4 months ago)
- Topics: typescript, vanjs
- Language: TypeScript
- Homepage: https://my-portfolio-vanjs.pages.dev/
- Size: 46.9 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# VanJS App 🍨
- [VanJS Docs](https://vanjs.org/tutorial)
- [VanJS GitHub](https://github.com/vanjs-org/van)
- [Vite](https://vitejs.dev/)
## Project Structure
```bash
├── favicon.ico
├── index.html
├── package.json
├── package-lock.json
├── public
│ └── vite.svg
├── README.md
├── src
│ ├── footer.ts
│ ├── head.ts
│ └── main.ts
├── styles
│ └── styles.css
└── tsconfig.json
```
## Add Integrations and deployment
```bash
npm create vite@latest
npm install vanjs-core
npm install
```
## Development
```bash
npm run dev
```
```bash
node ➜ /workspaces/my-portfolio-vanjs (main) $ npm run dev
> [email protected] dev
> vite
VITE v4.4.9 ready in 470 ms
➜ Local: http://localhost:5173/
➜ Network: use --host to expose
➜ press h to show help
```
## Production
```bash
npm run build
```
```bash
node ➜ /workspaces/my-portfolio-vanjs (main) $ npm run build
> [email protected] build
> tsc && vite build
vite v4.4.9 building for production...
✓ 8 modules transformed.
dist/index.html 0.97 kB │ gzip: 0.43 kB
dist/assets/favicon-91013c4a.ico 15.09 kB
dist/assets/index-41859b51.css 0.70 kB │ gzip: 0.37 kB
dist/assets/index-f222339d.js 4.63 kB │ gzip: 2.19 kB
✓ built in 290ms
node ➜ /workspaces/my-portfolio-vanjs (main) $
```
## Deploy a VanJS site
- [See Cloudflare official docs.](https://developers.cloudflare.com/pages/framework-guides/deploy-anything/)