bcd8de3262
I added ` *.tsbuildinfo` to gitignores of examples that use typescript and don't already have it. By use typescript I mean have `tsconfig` somewhere in their directory tree. I used the following script to update the files: ```bash #!/bin/bash set -eou pipefail cd examples examples=`git ls-files . | grep tsconfig | xargs dirname | grep -v "/"` for example in $examples; do if ! grep -q tsbuildinfo $example/.gitignore; then gitignore="$example/.gitignore" echo $gitignore tail -c1 $gitignore | read -r _ || echo >> $gitignore echo -e "\n# typescript\n*.tsbuildinfo" >> $gitignore fi done ``` |
||
---|---|---|
.. | ||
pages | ||
server | ||
.babelrc | ||
.gitignore | ||
next-env.d.ts | ||
nodemon.json | ||
package.json | ||
README.md | ||
tsconfig.json | ||
tsconfig.server.json |
Custom server with TypeScript + Nodemon 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 dist/index.js
in production.
The second directory should be added to .gitignore
.
Deploy your own
Deploy the example using Vercel or preview live with StackBlitz
How to use
Execute create-next-app
with npm, Yarn, or pnpm 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
# or
pnpm create next-app --example custom-server-typescript custom-server-typescript-app