mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
ad2d4432e7
Updating to a more recent version of `@types/next` fixes an error I encountered while building a new app on top of the "with-typescript" example: `Property `push` not found in SingletonRouter` Additional context: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/26665 To test, add a simple Router.push operation to the `pages/index.tsx` ``` import Router from 'next/router' // ... <span onClick={() => Router.push({ pathname: '/about' })}>TEST</span> ``` |
||
|---|---|---|
| .. | ||
| pages | ||
| .babelrc | ||
| next.config.js | ||
| package.json | ||
| README.md | ||
| tsconfig.json | ||
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 or clone the repo:
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 the Webpack config required to compile TypeScript to JavaScript. For information about using a TSConfig have a look at the plugin page.