1
0
Fork 0
mirror of https://github.com/terribleplan/next.js.git synced 2024-01-19 02:48:18 +00:00
next.js/examples/custom-server-typescript
Emmanuel Letallieur 82bdd43285 Fix custom-server-typescript not typechecking (#3954)
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'
```
2018-09-04 17:35:34 +02:00
..
pages Fix a/b typo in custom-server-typescript routing (#4003) 2018-03-14 09:06:53 +01:00
server Fix a/b typo in custom-server-typescript routing (#4003) 2018-03-14 09:06:53 +01:00
.babelrc Update typescript examples to use 1.0.1 of next-typescript (#4472) 2018-05-25 11:28:35 +02:00
next.config.js Add custom-server-typescript example (see #3694) (#3838) 2018-02-22 16:29:47 +01:00
nodemon.json Fix custom-server-typescript not typechecking (#3954) 2018-09-04 17:35:34 +02:00
package.json Upgrade Babel to 7.0.0-rc.1 (major) (#4937) 2018-08-13 10:34:08 -07:00
README.md #4751 - Explicitly mention install when cloning examples (#4758) 2018-07-11 23:56:15 +02:00
tsconfig.json Use separate tsconfig for server in custom-server-typescript example (#3963) 2018-03-07 09:13:12 +01:00
tsconfig.server.json Improve custom server typescript example v2 (#4470) 2018-05-25 11:03:59 +02:00

Deploy to now

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.