次を使用します.の上のJS 12

次は昨日.JS 12がリリースされ、多くのクールな機能が出てくる!
新しい錆コンパイラは、ビルドを作成し、素敵でスピーディになる18のサポート、ネイティブESMのサポート、およびいくつかの他の本当にきちんとしたものを反応させる.
あなたは新しい次から始めることができます.これらのプロジェクトのすべてをボックスから試してみよう!

(このボタンをクリックすると、選択したGitプロバイダにスターターrepoをクローンし、即座にNetlifyに展開します).

ミドルウェアサポートとエッジ
ボックスのうち、Netlifyはミドルウェア機能をサポートしていますnext/server ! ミドルウェアでは、リクエストが完了する前にコードを実行できます.ユーザーの着信要求に基づいて、あなたが受け取る応答を変更することができます!
次に使用する.あなたが次の最新バージョンであるならば、JSミドルウェア.を作成する_middleware.js or _middleware.ts あなたのファイルpages/ ディレクトリ.それは、中ですべてのルートで走りますpages/ ディレクトリと同様_app.js ディレクトリ内のすべてのページをラッピングする際に動作します.Unlike _app.js , また、ネストしたルート上で動作することができます.
たとえば、ユーザーの要求でクッキーに基づいて異なるページを表示したいとしましょう.あなたはNextRequest and NextResponse このようなオブジェクトはルートを書き換える.

// pages/_middleware.js

import { NextRequest, NextResponse } from 'next/server'

export function middleware(req) {
  const someCookie = req.cookies['something']
  const res = NextResponse.rewrite(`/something/${someCookie}`)

  return res
}

geolocationに関しては、Edge Handlers , どちらがβです.

Netlifyのボックスのネイティブサポート
Next.js works out of the box on Netlify 私たちのオープンソース構築プラグインのおかげでゼロの構成で!それの最新版はベータ版ですhere .

ヘルプ' n 'ヒント' n '楽しい
あなたは次の詳細についてはご希望です.JSは、それについての質問をしたり、プロジェクトの独自のプラグインを構築したいと思いますour community site . そこに私たちのforums 役に立つ人々の完全な.Jamstack Explorers ( NEXT . js , Serverless functions ,より多くのコースを持つフリーコースプラットフォーム)Netlify docs site , とムーア!