https://github.com/jellydn/new-web-app
Frontend app generator, built on top vitejs
https://github.com/jellydn/new-web-app
eslint frontend generator hacktoberfest jotai lint-staged prettier react-hook-form react-query reactjs storybook tailwindcss vitejs web-app-generator
Last synced: 6 months ago
JSON representation
Frontend app generator, built on top vitejs
- Host: GitHub
- URL: https://github.com/jellydn/new-web-app
- Owner: jellydn
- License: mit
- Created: 2021-05-23T14:23:58.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2025-04-11T17:37:07.000Z (6 months ago)
- Last Synced: 2025-04-12T08:07:07.455Z (6 months ago)
- Topics: eslint, frontend, generator, hacktoberfest, jotai, lint-staged, prettier, react-hook-form, react-query, reactjs, storybook, tailwindcss, vitejs, web-app-generator
- Language: TypeScript
- Homepage: https://new-web-app.productsway.com/
- Size: 58 MB
- Stars: 29
- Watchers: 2
- Forks: 3
- Open Issues: 11
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Security: SECURITY.md
Awesome Lists containing this project
README
# Welcome to new-web-app 👋
[](https://oclif.io)
[](https://npmjs.org/package/new-web-app)
[](https://npmjs.org/package/new-web-app)
[](https://github.com/jellydn/new-web-app/blob/master/package.json)
[](https://twitter.com/jellydn)
> Frontend app generator
### 🏠 [Homepage](https://github.com/jellydn/new-web-app)
[](https://www.youtube.com/watch?v=fflgltdSpW8)
- [Welcome to new-web-app 👋](#welcome-to-new-web-app-)
- [Install globally with yarn](#install-globally-with-yarn)
- [Or install globally with npm](#or-install-globally-with-npm)
- [Commands](#commands)
## Prerequisites
- node >=14.0.0
## Built with
- https://oclif.io/ - The Open CLI Framework
- https://github.com/Rich-Harris/degit straightforward project scaffolding
- https://github.com/shelljs/shelljs Unix shell commands for Node.js
- https://github.com/wj42ftns/replace-in-files Replace text in one or more files or globs.
## Features
- [x] Support React + Typescript template
- [ ] Support Svelte
- [ ] Support Solid
## Why vitejs
Thank you for awesome recording from Amjad Masad
In short, better performance, more detail on https://blog.replit.com/vite
## Install
```sh
# Install globally with yarn
yarn global add new-web-app
# Or install globally with npm
npm install -g new-web-app
```
## Usage
# Commands
- [`new-web-app help [COMMANDS]`](#new-web-app-help-commands)
- [`new-web-app react`](#new-web-app-react)
- [`new-web-app react upgrade-react-18`](#new-web-app-react-upgrade-react-18)
- [`new-web-app update [CHANNEL]`](#new-web-app-update-channel)
## `new-web-app help [COMMANDS]`
Display help for new-web-app.
```
USAGE
$ new-web-app help [COMMANDS] [-n]
ARGUMENTS
COMMANDS Command to show help for.
FLAGS
-n, --nested-commands Include all nested commands in the output.
DESCRIPTION
Display help for new-web-app.
```
_See code: [@oclif/plugin-help](https://github.com/oclif/plugin-help/blob/v5.2.16/src/commands/help.ts)_
## `new-web-app react`
React App Generator
```
USAGE
$ new-web-app react [-v] [-h] [-n ] [-t yes|no] [-s yes|no] [-a yes|no] [-q yes|no] [-f yes|no]
[-c yes|no]
FLAGS
-a, --linter= add ESLint, Prettier with sort imports plugin
-c, --cypress= add cypress
-f, --react-hook-form= add react-hook-form
-h, --help Show CLI help.
-n, --name= folder name to create
-q, --react-query= add react-query
-s, --storybook= add storybook
-t, --tailwind= add tailwind css
-v, --version Show CLI version.
DESCRIPTION
React App Generator
EXAMPLES
$ npx new-web-app@latest react -n=react-app -a=yes -q=yes
$ npx new-web-app@latest react --name=react-app --airbnb=yes --react-query=yes
```
_See code: [dist/commands/react/index.ts](https://github.com/jellydn/new-web-app/blob/v0.5.4/dist/commands/react/index.ts)_
## `new-web-app react upgrade-react-18`
Upgrade to React 18
```
USAGE
$ new-web-app react upgrade-react-18 [-d ]
FLAGS
-d, --directory= folder name to update
DESCRIPTION
Upgrade to React 18
```
_See code: [dist/commands/react/upgrade-react-18.ts](https://github.com/jellydn/new-web-app/blob/v0.5.4/dist/commands/react/upgrade-react-18.ts)_
## `new-web-app update [CHANNEL]`
update the new-web-app CLI
```
USAGE
$ new-web-app update [CHANNEL] [-a] [-v | -i] [--force]
FLAGS
-a, --available Install a specific version.
-i, --interactive Interactively select version to install. This is ignored if a channel is provided.
-v, --version= Install a specific version.
--force Force a re-download of the requested version.
DESCRIPTION
update the new-web-app CLI
EXAMPLES
Update to the stable channel:
$ new-web-app update stable
Update to a specific version:
$ new-web-app update --version 1.0.0
Interactively select version:
$ new-web-app update --interactive
See available versions:
$ new-web-app update --available
```
_See code: [@oclif/plugin-update](https://github.com/oclif/plugin-update/blob/v3.1.30/src/commands/update.ts)_
## Demo
## Author
👤 **Huynh Duc Dung @jellydn**
- Website: https://productsway.com/
- Twitter: [@jellydn](https://twitter.com/jellydn)
- Github: [@jellydn](https://github.com/jellydn)
## 🤝 Contributing
Contributions, issues and feature requests are welcome!
Feel free to check [issues page](https://github.com/jellydn/new-web-app/issues).
## Stargazers
[](https://github.com/jellydn/new-web-app/stargazers)
## Show your support
[](https://ko-fi.com/dunghd)
[](https://paypal.me/dunghd)
[](https://www.buymeacoffee.com/dunghd)
Give a ⭐️ if this project helped you!