React project scaffold based on TypeScript, Next.js, Bootstrap & Workbox. And this project bootstrapped with create-next-app
.
Install GitHub apps in your organization or account:
Click the Use this template button on the top of this GitHub repository's home page, then create your own repository in the app-installed namespace above
Click the Open in GitHub codespaces button on the top of ReadMe file, then an online VS Code development environment will be started immediately
Set Vercel variables as Repository secrets, then every commit will get an independent Preview URL
Recommend to add a Notification step in GitHub actions for your Team IM app
Remind the PMs & users of your product to submit Feature/Enhancement requests or Bug reports with Issue forms instead of IM messages or Mobile Phone calls
Collect all these issues into Project kanbans, then create Pull requests & add closes #issue_number
into its description for automation
First, run the development server:
npm i pnpm -g
pnpm dev
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying pages/index.tsx
. The page auto-updates as you edit the file.
API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.ts
.
The pages/api
directory is mapped to /api/*
. Files in this directory are treated as API routes instead of React pages.
To learn more about Next.js, take a look at the following resources:
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
name | file | description |
---|---|---|
SENTRY_AUTH_TOKEN |
.env.local |
Official document |
SENTRY_ORG |
.env |
Official document |
SENTRY_PROJECT |
.env |
Official document |
NEXT_PUBLIC_SENTRY_DSN |
.env |
Official document |
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.
pnpm pack-image
pnpm container