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/with-typescript
Resi Respati f8a80f1aa9 [with-typescript] remove unnecessary passHref in Link components (#6233)
As per discussion in #6165, I removed the `passHref` in `Link` as
they're unnecessary.
2019-02-11 00:00:05 +01:00
..
components [with-typescript] remove unnecessary passHref in Link components (#6233) 2019-02-11 00:00:05 +01:00
interfaces [with-typescript] Improved intial props examples, added example detail (#6165) 2019-01-31 17:36:02 +00:00
pages [with-typescript] Improved intial props examples, added example detail (#6165) 2019-01-31 17:36:02 +00:00
utils [with-typescript] Improved intial props examples, added example detail (#6165) 2019-01-31 17:36:02 +00:00
.babelrc Upgrade with-typescript to use latest next-typescript 2018-05-12 13:59:15 +02:00
next.config.js example/with-typescript (#3698) 2018-02-06 11:06:48 -05:00
package.json [with-typescript] Updated typescript and removed unused deps (#6116) 2019-01-24 10:18:43 +01:00
README.md with-typescript example updates (#5267) 2018-09-26 09:58:36 +02:00
tsconfig.json with-typescript example updates (#5267) 2018-09-26 09:58:36 +02:00

Deploy to now

TypeScript Next.js example

This is a really simple project that show the usage of Next.js with TypeScript.

How to use it?

Using create-next-app

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

npx create-next-app --example with-typescript with-typescript-app
# or
yarn create next-app --example with-typescript with-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/with-typescript
cd with-typescript

Install it and run:

npm install
npm run dev
# or
yarn
yarn dev

The idea behind the example

Use the @zeit/next-typescript plugin to inject @babel/preset-typescript into Next.js, allowing for fast TypeScript transpilation. It also implements a tsconfig.json as recommended by the @zeit/next-typescript plugin page.

A type-check script is also added to package.json, which runs TypeScript's tsc CLI in noEmit mode to run type-checking separately. You can then include this in your test scripts, say, for your CI process.