mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
b00f0c2044
* 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
23 lines
694 B
Markdown
23 lines
694 B
Markdown
# 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
|
|
|
|
```js
|
|
import Link from 'next/link'
|
|
|
|
export default Link
|
|
```
|