mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
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
|
||
|
```
|