React の フレームワーク、Next.js に入門！
# はじめにNext.js は本番環境のための React フレームワークで主に以下のような特徴があります。1. 画像最適化2. 国際化ルーティング3. Next.js アナリティクス4. ゼロコンフィグ5. ハイブリッド SSG・SSR6. ISR（Incremental Static Regeneration）7. TypeScript サポート8. ファスト・リフレッシュ9. ファイルシステムルート10. API ルーティング11. ビルトイン CSS サポート12. コード分割とバンドリング今回は、これらの特徴について、説明していきたいと思います。# 特徴## 画像最適化ttps://nextjs.org/docs/basic-features/image-optimizationバージョン 10.0.0 より対応できるようになっています。閲覧しているブラウザによってリサイズしたり、WebPをサポートしているブラウザにはそれを配信したり、lazy load してくれたりします。### 使い方```jsimport Image from 'next/image'function Home() { return ( <> <h1>My Homepage</h1> <Image src="/me.png" alt="Picture of the author" width={500}
0
