This is the Next.js application for PWA Frontend Template
Statements | Branches | Functions | Lines |
---|---|---|---|
- jest & testing-library
- tailwindcss
- @tanstack/react-query
- [email protected]
- next-pwa
- axios
- dayjs
Prerequisite
node ^v18.13.0 (stable version)
npm ^7.10.0
run script
npx tomibudis/F168 {appName}
When init project successfully. follow the following command script to start
Run locally as dev mode
- npm run install
- npm run dev
- open http://localhost:3000
Build Mode (production)
- npm run install
- npm run build
- npm run start
- open http://localhost:3000
uTest
- npm run test
build coverage badge
- npm run test:coverage
src
├── components
│ └── index.ts
├── constants
│ └── index.ts
├── hooks
│ ├── mutations
│ └── queries
│ └── use-todo.ts
├── pages
│ ├── _app.tsx
│ ├── _document.tsx
│ ├── _offline.tsx
│ ├── api
│ │ └── hello.ts
│ └── index.tsx
├── styles
│ ├── config.scss
│ └── globals.scss
├── types
├── utils
│ ├── axios.ts
│ ├── date.ts
│ └── test-utils.tsx
└── views
└── homepage
├── __test__
│ ├── __snapshots__
│ │ └── Homepage.test.tsx.snap
│ └── homepage.test.tsx
├── homepage.tsx
└── index.ts
All commit messages should conform to the conventional commit format and should use following syntax: type(scope): subject
. While the type is mandatory, the scope is optional.
Examples:
docs: add README.md
fix(Header): fix padding issue
feat: create Home view
Main types are fix
and feat
, however it is possible to also use:
chore
docs
style
refactor
perf
test
- build application with
npm run build
- run app locally
npm run start
- run
npx lighthouse-badges --urls http://localhost:3000 -o lighthouse
https://docs.npmjs.com/creating-and-publishing-scoped-public-packages