mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
82bdd43285
Hi In the current version of the example __custom-server-typescript__, types are never checked. For instance, change the following line : ``` const dev = process.env.NODE_ENV !== 'production' ``` by : ``` const dev: number = process.env.NODE_ENV !== 'production' ``` then run `npm run dev`. The application launches perfectly, no error is thrown. In dev environnement, it is preferable to check types all the time, to get immediate feedback. This PR activates type checking. Only when using nodemon, so no impact on production. Now the above code will (rightfully) refuse to compile : ``` TSError: ⨯ Unable to compile TypeScript server/index.ts (6,7): Type 'boolean' is not assignable to type 'number' ``` |
||
---|---|---|
.. | ||
pages | ||
server | ||
.babelrc | ||
next.config.js | ||
nodemon.json | ||
package.json | ||
README.md | ||
tsconfig.json | ||
tsconfig.server.json |
Custom server with TypeScript + Nodemon example
How to use
Using create-next-app
Execute create-next-app
with Yarn or npx to bootstrap the example:
npx create-next-app --example custom-server-typescript custom-server-typescript-app
# or
yarn create next-app --example custom-server-typescript custom-server-typescript-app
Download manually
Download the example:
curl https://codeload.github.com/zeit/next.js/tar.gz/canary | tar -xz --strip=2 next.js-canary/examples/custom-server-typescript
cd custom-server-typescript
Install it and run:
npm install
npm run dev
# or
yarn
yarn dev
Deploy it to the cloud with now (download)
now
The idea behind the example
The example shows how you can use TypeScript on both the server and the client while using Nodemon to live reload the server code without affecting the Next.js universal code.
Server entry point is server/index.ts
in development and production-server/index.js
in production.
The second directory should be added to .gitignore
.