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 |
||
---|---|---|
.. | ||
components | ||
pages | ||
.gitignore | ||
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?
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