docs: updates to draft mode quick start

Author: backlineint

www/content/tutorials/draft-mode/configure-content-types.mdx

@@ -22,9 +22,11 @@ A _site resolver_ tells Drupal how to resolve the draft URL for an entity.
 1. Visit `/admin/config/services/next/entity-types`
 2. Click **Configure entity type**
 3. Select **Article** from the the entity type list
-4. Select **Site selector** as the **Site resolver**
-5. Select **your site** under **Next.js sites**
-6. Click **Save**
+4. Click **Save**
+5. Edit the newly created entity type.
+6. On the Draft Mode tab, select **Site selector** as the **plugin**
+7. Select **your site** under **Next.js sites**
+8. Click **Save**
 
 <Img
   src="/images/next-drupal-configure-entity-type.jpg"

www/content/tutorials/draft-mode/create-oauth-client.mdx

@@ -11,6 +11,8 @@ Before we can create an OAuth consumer, we need to create a new role and a user
 
 As from `next-drupal 1.5`, user roles are used for OAuth scopes. The scopes are automatically handled for the preview based on the currently logged in user.
 
+The OAuth related instructions below are based on the 6.x version of the Simple OAuth module.
+
 </Callout>
 
 ---
@@ -78,15 +80,32 @@ openssl rsa -in private.key -pubout > public.key
 
 ---
 
-## 5. Create Consumer
+## 5. Create Scopes
+
+1. Visit _/admin/config/people/simple_oauth/oauth2_scope/dynamic/add_
+2. Fill in the following values:
+
+- **Machine-readable Name**: `nextjs_site`
+- **Description**: `Next.js Site`
+- **Grant Types**: `Client Credentials`
+- **Granularity**: `Role`
+- **Role**: `Next.js Site`
+
+3. Click **Save**
+
+---
+
+## 6. Create Consumer
 
 1. Visit _/admin/config/services/consumer/add_
 2. Fill in the following values:
 
 - **Label**: `Next.js site`
-- **User**: `Select the user we created`
+- **Client ID**: `nextjs_site` (or generate a UUID is preferred)
 - **Secret**: `Your secret`
-- **Scopes**: `Select the role we created`
+- **Grant Types**: `Client Credentials`
+- **Scopes**: `nextjs_site`
+- **User**: `Select the user we created`
 
 3. Click **Save**
 
@@ -110,15 +129,19 @@ DRUPAL_CLIENT_SECRET=
 
 ## 7. Update NextDrupal client.
 
-Update the `NextDrupal` to use the **Bearer** authentication header.
+Update the `NextDrupal` client to use the **Bearer** authentication header.
 
 ```ts title=lib/drupal.ts
 import { NextDrupal } from "next-drupal"
 
+const baseUrl = process.env.NEXT_PUBLIC_DRUPAL_BASE_URL as string
+const clientId = process.env.DRUPAL_CLIENT_ID as string
+const clientSecret = process.env.DRUPAL_CLIENT_SECRET as string
+
 export const drupal = new NextDrupal(process.env.NEXT_PUBLIC_DRUPAL_BASE_URL, {
   auth: {
-    clientId: process.env.DRUPAL_CLIENT_ID,
-    clientSecret: process.env.DRUPAL_CLIENT_SECRET,
+    clientId,
+    clientSecret,
   },
 })
 ```