rsnext/examples/with-ts-node
Shu Uesugi 6804039e94 Make example READMEs more consistent (#10124)
* npx create → npm init

* Fix inconsistent instructions

* Update amp-first

* Update with-graphql-react

* with-firebase-cloud-messaging

* Update with-higher-order-component

* change create-next-app url

* Update create-next-app instruction

* Update instructions to use npm instead of npx

* Move "the idea behind the example" to top

* Rename

* Rename

* Update contributing.md with a README template
2020-01-16 23:23:56 +01:00
..
pages Format missed files (#7464) 2019-05-29 18:19:32 -07:00
server Move syntax formatting to prettier (#7454) 2019-05-29 13:57:26 +02:00
next.config.js Added with-ts-node with Next js 7 example (#5204) 2018-09-28 21:18:50 +02:00
nodemon.json Added with-ts-node with Next js 7 example (#5204) 2018-09-28 21:18:50 +02:00
package.json Update remaining examples to latest Next.js 2019-07-08 19:37:58 -04:00
README.md Make example READMEs more consistent (#10124) 2020-01-16 23:23:56 +01:00
tsconfig.json Move syntax formatting to prettier (#7454) 2019-05-29 13:57:26 +02:00

Custom server with fully TypeScript + ts-node example (without babel and tsc), require next js 7+

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.

How to use

Using create-next-app

Execute create-next-app with npm or Yarn to bootstrap the example:

npm init next-app --example with-ts-node with-ts-node-app
# or
yarn create next-app --example with-ts-node with-ts-node-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/with-ts-node
cd with-ts-node

Install it and run:

npm install
npm run dev
# or
yarn
yarn dev

Deploy it to the cloud with now (download)

now