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
Giacomo Rebonato b00f0c2044 TypeScript example proposal (#845)
* TypeScript example proposal

* removed unused loader

Removed typings

Moved TypeScript to dev dependencies

removed unused typings

changed react typings version

removed react dependency

set next dependency version to latest

removed not needed babel preset

enabled sourcemaps

simplified tsconfig

modified component to be a functional one

* Ignore build

* Making npm script Windows-friendly

* Clean up

* Added readme

* fixed typo
2017-02-09 12:36:58 +01:00
..
components TypeScript example proposal (#845) 2017-02-09 12:36:58 +01:00
pages TypeScript example proposal (#845) 2017-02-09 12:36:58 +01:00
.gitignore TypeScript example proposal (#845) 2017-02-09 12:36:58 +01:00
package.json TypeScript example proposal (#845) 2017-02-09 12:36:58 +01:00
README.md TypeScript example proposal (#845) 2017-02-09 12:36:58 +01:00
tsconfig.json TypeScript example proposal (#845) 2017-02-09 12:36:58 +01:00

TypeScript Next.js example

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

How to use it?

npm install  # to install dependencies
npm run dev  # to compile TypeScript files and to run next.js  

Output JS files are aside the related TypeScript ones.

To fix

In tsconfig.json the options jsx="react" compiles JSX syntax into nested React.createElement calls.
This solution doesn't work well with some Next.js features like next/head or next/link.
The workaround is to create JS files that just return the mentioned module and require them from TSX files.
Like

import Link from 'next/link'

export default Link