Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/easywebapp/webcell-scaffold
App Project scaffold of WebCell v3
https://github.com/easywebapp/webcell-scaffold
component project pwa scaffold web-cell
Last synced: 4 months ago
JSON representation
App Project scaffold of WebCell v3
- Host: GitHub
- URL: https://github.com/easywebapp/webcell-scaffold
- Owner: EasyWebApp
- Created: 2019-12-05T20:40:50.000Z (about 5 years ago)
- Default Branch: main
- Last Pushed: 2024-06-27T17:38:29.000Z (8 months ago)
- Last Synced: 2024-06-27T21:04:50.807Z (8 months ago)
- Topics: component, project, pwa, scaffold, web-cell
- Language: TypeScript
- Homepage: https://web-cell-scaffold.vercel.app/
- Size: 784 KB
- Stars: 6
- Watchers: 3
- Forks: 1
- Open Issues: 7
-
Metadata Files:
- Readme: ReadMe.md
Awesome Lists containing this project
README

# WebCell-scaffold
App Project scaffold of [WebCell][1] v3
https://web-cell-scaffold.vercel.app/
[][2]
[][3]
[][4]## Technology stack
- Language: [TypeScript v5][5]
- Component engine: [WebCell v3][1]
- Component suite: [BootCell v2][7]
- PWA framework: [Workbox v7][8]
- Package bundler: [Parcel v2][9]
- CI / CD: GitHub [Actions][10] + [Pages][11]## Development
```shell
npm i pnpm -g
pnpm i
npm start
```## Deployment
```shell
pnpm build
```## Best practice
1. Install GitHub apps in your organization or account:
1. [Probot settings][12]: set up Issue labels & Pull Request rules
2. [PR badge][13]: set up Online [VS Code][14] editor entries in Pull Request description2. Click the **[Use this template][15] button** on the top of this GitHub repository's home page, then create your own repository in the app-installed namespace above
3. Click the **[Open in GitHub codespaces][3] button** on the top of ReadMe file, then an **online VS Code development environment** will be started immediately
4. Set [Vercel variables][16] as [Repository secrets][17], then every commit will get an independent **Preview URL**
5. Recommend to add a [Notification step in GitHub actions][18] for your Team IM app
6. Remind the PMs & users of your product to submit **Feature/Enhancement** requests or **Bug** reports with [Issue forms][19] instead of IM messages or Mobile Phone calls
7. Collect all these issues into [Project kanbans][20], then create **Pull requests** & add `closes #issue_number` into its description for automation
[1]: https://web-cell.dev/
[2]: https://github.com/EasyWebApp/WebCell-scaffold/actions/workflows/main.yml
[3]: https://codespaces.new/EasyWebApp/WebCell-scaffold
[4]: https://gitpod.io/?autostart=true#https://github.com/EasyWebApp/WebCell-scaffold
[5]: https://typescriptlang.org/
[7]: https://bootstrap.web-cell.dev/
[8]: https://developers.google.com/web/tools/workbox
[9]: https://parceljs.org/
[10]: https://github.com/features/actions
[11]: https://pages.github.com/
[12]: https://github.com/apps/settings
[13]: https://pullrequestbadge.com/
[14]: https://code.visualstudio.com/
[15]: https://github.com/new?template_name=WebCell-scaffold&template_owner=EasyWebApp
[16]: https://github.com/EasyWebApp/WebCell-scaffold/blob/eaa710bc8d737a52bf726ebe339e2a29db7e3e04/.github/workflows/main.yml#L9-L11
[17]: https://github.com/EasyWebApp/WebCell-scaffold/settings/secrets/actions
[18]: https://github.com/kaiyuanshe/kaiyuanshe.github.io/blob/bb4675a56bf1d6b207231313da5ed0af7cf0ebd6/.github/workflows/pull-request.yml#L32-L56
[19]: https://github.com/EasyWebApp/WebCell-scaffold/issues/new/choose
[20]: https://github.com/EasyWebApp/WebCell-scaffold/projects