9.サーバーレス機能
変更前ソース
機能概要
APIルート機能を使って、サーバーレス関数を簡単に作ることができます。
機能詳細
APIを別のフレームワークやGitリポジトリで管理することなく、一元管理できますので生産性の向上が見込めます。また、「VercelにNext.jsアプリケーションをデプロイする~Vercel上でNext.jsを動かす利点も紹介」にて記載したとおり、Vercel上でサーバーレス関数のホストをすることが可能です。
実装方法
「pages/api」ディレクトリを作成し、「hello.js」を作成します。
export default function handler(req, res) { res.status(200).json({ text: 'Hello' }); }
動作確認
http://localhost:3000/api/helloにアクセスすると、以下のように表示されます。
![](http://cz-cdn.shoeisha.jp/static/images/article/16612/16612_010.png)
完成したソース
サンプルサイト
まとめ
今回は、Next.jsで便利な以下の9の機能のうち「グローバル設定」「プリレンダリング」「動的ルート」「サーバーレス」の4つを紹介しました。
次回は大規模サイトにおけるVercel活用方法をご紹介します。