victorhuangwq/basic-web-app

Basic NextJS typescript Web App to Handle Requests

Getting Started

Small change

First install the app:

npm install

Then, run the development server:

npm run 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/index.ts.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

Testing

The repo uses Jest for testing. Current there's one test file for QueryProcessor helper, called _tests_/QueryProcessor.test.ts.

To run tests, run the following command

npm run test

Jest will run in watch mode, which means it will automatically run your test case as you make changes to your code.

Deploy on Fly.io

To deploy your Next.js app on Fly.io, you can use the Fly.io CLI:

1. Install flyctl following instructions on Fly.io
2. Follow instructions here to deploy this app: Deploying Next.js on Fly.io. When prompted with entering payment, click skip for now. Do select the region closest to you.
3. For following deployments, you can use flyctl deploy to deploy your app.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!