next/imagecomponent for image optimization
- Internationalized routing
- Next.js Analytics
- Next.js Commerce (A starter kit for ecommerce sites)
- React 17 Support
- Importing CSS From Third Party Components
- Blocking Fallback for
import Image from "next/image"; <Image src="myImage.png" height="400" width="300" /> // instead of <img src="myImage.png" height="400" width="300" />
This lazy loads the image and makes
height work with responsive layouts.
Go to nextjs.org/analytics to learn how to enable it.
The new JSX compiler is automatically used, you just have to run this command:
$ npm install next@latest react@latest react-dom@latest
You no longer have to import the CSS for third party components like this:
import DatePicker from 'react-datepicker' import 'react-datepicker/dist/react-datepicker.css'
You can just import the component.