https://github.com/andriykalashnykov/viteapp
ReactJS + Vite app
https://github.com/andriykalashnykov/viteapp
dockerimage ghcr nginx-unprivileged node nodejs react reactjs vite
Last synced: 3 months ago
JSON representation
ReactJS + Vite app
- Host: GitHub
- URL: https://github.com/andriykalashnykov/viteapp
- Owner: AndriyKalashnykov
- License: mit
- Created: 2022-10-02T06:16:24.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2025-02-20T14:39:36.000Z (8 months ago)
- Last Synced: 2025-02-21T03:44:04.468Z (8 months ago)
- Topics: dockerimage, ghcr, nginx-unprivileged, node, nodejs, react, reactjs, vite
- Language: TypeScript
- Homepage:
- Size: 467 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# viteapp
ReactJS + Vite
## Requirements
- [curl](https://help.ubidots.com/en/articles/2165289-learn-how-to-install-run-curl-on-windows-macosx-linux)
- [nvm](https://github.com/nvm-sh/nvm#install--update-script)
```bash
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v$(curl -sL https://api.github.com/repos/nvm-sh/nvm/releases/latest | grep '"tag_name":' | awk -F '"' '{printf("%s",$4)}' | cut -c 2-)/install.sh | bash
nvm install v22.13.1
nvm use v22.13.1
nvm alias default v22.13.1
npm install npm --global
```
- [pnpm](https://pnpm.io/installation)
```bash
npm install -g pnpm
pnpm add -g pnpm
```
## Help
```bash
$ make help
```
```text
Usage: make COMMAND
Commands :
help - List available tasks
clean - Cleanup
install - Install
build - Build
update - Update
upgrade - Upgrade
run - Run
image - Build Docker Image
check-version - Ensure VERSION variable is set
release - Creates and pushes tag for the current $VERSION
tag-release - Create and push a new tag
```
## Create react app
```bash
pnpm create vite viteapp -- --template react
pnpm add graphql urql
pnpm install
pnpm build
pnpm run dev
```
## Release
Set version as env variable
```bash
export VERSION=v0.0.1
```
run release task
```bash
make release
```
## References
- https://fullstackcode.dev/2022/01/30/creating-react-js-app-using-vite-2-0/
- https://blog.logrocket.com/vite-3-vs-create-react-app-comparison-migration-guide/
### React.js Setup for GraphQL using Vite and urql
- https://www.youtube.com/watch?v=x4Rc3RytAls&t=356s&ab_channel=ZaisteProgramming
- https://zaiste.net/posts/modern-lightweight-reactjs-setup-graphql-vite-urql/