Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kuc-arc-f/fastify_2vite
fastify SSR + React sample
https://github.com/kuc-arc-f/fastify_2vite
fastify react vercel vite
Last synced: 3 days ago
JSON representation
fastify SSR + React sample
- Host: GitHub
- URL: https://github.com/kuc-arc-f/fastify_2vite
- Owner: kuc-arc-f
- Created: 2024-02-04T09:22:17.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-02-07T10:26:34.000Z (11 months ago)
- Last Synced: 2024-02-07T11:34:01.226Z (11 months ago)
- Topics: fastify, react, vercel, vite
- Language: TypeScript
- Homepage:
- Size: 14.6 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# fastify_2vite
Version: 0.9.1
Author : Kouji Nakashima / kuc-arc-f.com
date : 2024/02/03
update : 2024/02/06
***
### Summary
fastify SSR + React SPA sample
* vercel deploy sample
***
### react-build
```
npx esbuild --bundle ./src/client.tsx --format=esm --minify --outfile=./public/static/client.js
# watch-mode
npx esbuild --bundle ./src/client.tsx --format=esm --minify --outfile=./public/static/client.js --watch
```
* dev-start
```
yarn dev
```
* build
```
yarn build
```
***
### Setup
* .env , sample
* external API Server
```
VITE_API_URL=http://localhost
```
***
### tailwindcss
```
npx tailwindcss -i ./src/main.css -o ./public/static/main.css
# wacth-mode
npx tailwindcss -i ./src/main.css -o ./public/static/main.css --watch
```
***
### blog
https://zenn.dev/knaka0209/scraps/460f4db1607b94
***