Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Chore: プレビューモードのtypo修正 #325

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Chore: プレビューモードのtypo修正 #325

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 2 additions & 3 deletions docs/advanced-features/preview-mode.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -71,7 +71,6 @@ export default function handler(req, res) => {

これらの手順は使用しているヘッドレス CMS が**カスタムプレビューURL**の設定をサポートしていることを前提としています。そうではない場合でも、この方法を使用してプレビューURL を保護することが出来ますが、プレビューURL を手動で構築してアクセスする必要があります。


Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

markdownlintが自動で修正して空行を消してしまったようですが、現状公開されているドキュメントで複数行の空行になっているということもないみたいなので追加で修正しました:bow:

**最初に**、選択したトークンジェネレーターを使用して**シークレットトークン文字列**を作成する必要があります。このシークレットトークンは Next.js アプリとヘッドレス CMS だけが知っています。このシークレットトークンにより、CMS にアクセスできないユーザーはプレビューURL にアクセスすることが出来なくなります。

**次に**、ヘッドレス CMS がカスタムプレビューURL の設定をサポートしている場合は、プレビューURL として次のように指定します。(これはプレビューAPI ルートが `pages/api/preview.js` にあることを想定した場合です。)
Expand All @@ -89,7 +88,7 @@ https://<your-site>/api/preview?secret=<token>&slug=<path>
**最後に**、プレビューAPI ルートで以下の処理を行います:

- シークレットトークンが一致し、　`slug` パラメータが存在することを確認してください(存在しない場合、リクエストは失敗するはずです)。
- `res.setPreviewData` を呼び出してください.
- `res.setPreviewData` を呼び出してください.
- それから、ブラウザを `slug` で指定したパスにリダイレクトします。(次の例では[307リダイレクト](https://developer.mozilla.org/ja/docs/Web/HTTP/Status/307)を使用しています)

```js
Expand Down Expand Up @@ -172,7 +171,7 @@ https://<your-site>/api/preview?secret=<token>&slug=<path>

### プレビューモードのCookieを削除する

デフォルトでは、プレビューモードの Cookien には有効期限が設定されていないため、ブラウザを閉じるとプレビューモードが終了します。
デフォルトでは、プレビューモードの Cookie には有効期限が設定されていないため、ブラウザを閉じるとプレビューモードが終了します。

手動でプレビューの Cookie を削除するには、 `clearPreviewData` を呼ぶ API ルートを作成し、この API ルートにアクセスします。

Expand Down