DC-6461- Create Youtube Saas tutorial guide and create new doc section

[ArthurGamby]

Summary by CodeRabbit

• New Features

  • Added a new "Vibe Coding Tutorials" section in the AI docs, featuring a Linktree Clone tutorial card.

• Documentation

  • Added a comprehensive Linktree clone tutorial covering full-stack build, auth, DB, UI/UX, CRUD flows, deployment, prompts, and resources.

• Chores

  • Updated spellcheck dictionary to recognize "Linktree".

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[github-actions]

Dangerous URL check

No absolute URLs to prisma.io/docs found.
No local URLs found.

[coderabbitai]

Walkthrough

Adds a new "Vibe Coding Tutorials" entry to the AI docs and introduces a comprehensive Linktree-clone MDX tutorial; also updates sidebar navigation and spellcheck configuration.

Changes

Cohort / File(s)	Summary
Documentation Content content/900-ai/index.mdx, content/900-ai/tutorials/linktree-clone.mdx	Adds a new tutorial card on the AI homepage and a detailed 14-section MDX tutorial describing a full-stack Linktree clone (Next.js, Prisma, Postgres, Clerk), with setup steps, server action patterns, UI guidance, prompts, code snippets, and deployment notes.
Navigation sidebars.ts	Appends a "Vibe Coding Tutorials" category under the AI sidebar and registers ai/tutorials/linktree-clone as an item.
Spellcheck config cSpell.json	Adds "Linktree" to the words and ignoreWords lists.

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

• Review the large MDX (linktree-clone.mdx) for accuracy of code snippets, server-action patterns, and environment/config instructions.
• Verify sidebar addition follows expected structure and won't conflict with nearby entries.
• Confirm cSpell.json additions are intentional and won't mask other typos.

Possibly related PRs

• Fix: Spellcheck additions #7053 — Also modifies cSpell.json (adds spellcheck entries); may overlap on spellcheck list edits.
• DC-5274-nextjs-ai-prompt #7212 — Also changes the AI sidebar items array; likely related at the navigation metadata level.

Pre-merge checks

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Title check	⚠️ Warning	The title mentions 'Youtube Saas tutorial' but the changeset only adds a Linktree Clone SaaS tutorial, not YouTube-related content.	Update the title to accurately reflect the actual content: 'Add Linktree Clone SaaS tutorial and new Vibe Coding Tutorials section' or similar.

✅ Passed checks (2 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

---

📜 Recent review details

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 1534d6a and 7ad2fa3.

📒 Files selected for processing (1)

• cSpell.json (2 hunks)

✅ Files skipped from review due to trivial changes (1)

• cSpell.json

⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (2)

• GitHub Check: Check internal links
• GitHub Check: Cloudflare Pages

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[github-actions]

original	preview
content/900-ai/tutorials/linktree-clone.mdx	content/900-ai/tutorials/linktree-clone.mdx
content/900-ai/index.mdx	content/900-ai/index.mdx

[github-actions]

Redirect check

This PR probably requires the following redirects to be added to static/_redirects:

• This PR does not change any pages in a way that would require a redirect.

[github-actions]

🍈 Lychee Link Check Report

Note: Links are cached for 5 minutes. Failed links (timeouts, rate limits) are retried in a second run with longer timeout.

📊 Results Overview

Status	Count
🔍 Total	2291
✅ Successful	2261
⏳ Timeouts	0
🔀 Redirected	4
👻 Excluded	24
❓ Unknown	0
🚫 Errors	1
⛔ Unsupported	1

Errors per input

Errors in 200-orm/050-overview/500-databases/840-cockroachdb.mdx

• [ERROR] https://www.cockroachlabs.com/blog/how-to-choose-db-index-keys/ | Error (cached)

[cloudflare-workers-and-pages]

Deploying docs with    Cloudflare Pages

Latest commit:	7ad2fa3
Status:	✅  Deploy successful!
Preview URL:	https://cfd92d84.docs-51g.pages.dev
Branch Preview URL:	https://dc-6461-vibe-coding-saas-tut.docs-51g.pages.dev

View logs

[coderabbitai]

Actionable comments posted: 2

🧹 Nitpick comments (1)

content/900-ai/tutorials/linktree-clone.mdx (1)

715-715: Optional: Consider hyphenating compound adjective.

The static analysis tool suggests "sign-up" (hyphenated) when used as a compound adjective before a noun, as in "sign-up flow." However, "sign up" (two words) is also widely accepted in modern usage, especially in tech documentation. This is purely a style preference.

📜 Review details

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 3629592 and 1534d6a.

📒 Files selected for processing (3)

• content/900-ai/index.mdx (1 hunks)
• content/900-ai/tutorials/linktree-clone.mdx (1 hunks)
• sidebars.ts (1 hunks)

🧰 Additional context used

🧠 Learnings (1)

📚 Learning: 2025-10-08T16:22:57.129Z

Learnt from: aidankmcalister
Repo: prisma/docs PR: 7165
File: content/800-guides/550-test-guide.mdx:50-66
Timestamp: 2025-10-08T16:22:57.129Z
Learning: In `.mdx` files, do NOT flag or suggest changes for the following code quality issues even if they represent poor practices: React anti-patterns (using var instead of useState, direct DOM manipulation), missing keys in .map() iterations, non-serializable props in getServerSideProps, unused variables, missing error handling, SQL injection vulnerabilities (unless actively showing how to fix them), insecure cookie settings, missing TypeScript types, PrismaClient instantiation patterns, or any other code quality, security, or performance issues. Documentation code snippets are copied from source code and often intentionally show "before" examples or common mistakes.

Applied to files:

• content/900-ai/tutorials/linktree-clone.mdx

🪛 GitHub Actions: Documentation Checks

content/900-ai/index.mdx

[error] 134-134: Unknown word 'linktree' (spell check).

content/900-ai/tutorials/linktree-clone.mdx

[error] 2-2: Unknown word 'Linktree' (spell check).

---

[error] 3-3: Unknown word 'Linktree' (spell check).

---

[error] 4-4: Unknown word 'Linktree' (spell check).

---

[error] 5-5: Unknown word 'Linktree' (spell check).

---

[error] 6-6: Unknown word 'linktree' (spell check).

---

[error] 14-14: Unknown word 'Linktree' (spell check).

🪛 LanguageTool

content/900-ai/tutorials/linktree-clone.mdx

[grammar] ~715-~715: Use a hyphen to join words.
Context: ...our deployed app thoroughly: - [ ] Sign up flow works - [ ] Username claiming wo...

(QB_NEW_EN_HYPHEN)

⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (2)

• GitHub Check: Check internal links
• GitHub Check: Cloudflare Pages

🔇 Additional comments (2)

sidebars.ts (1)

497-505: LGTM! Sidebar integration is well-structured.

The new "Vibe Coding Tutorials" category follows the existing sidebar patterns correctly and properly links to the new tutorial. The placement after "Prompts" and before "Coding Tools" makes logical sense for navigation.

content/900-ai/tutorials/linktree-clone.mdx (1)

12-731: Excellent tutorial structure and comprehensive coverage.

This is a well-crafted, production-ready tutorial that:

• Provides clear prerequisites and setup instructions
• Uses a progressive, step-by-step approach with commits after each section
• Includes AI-assisted prompts that are specific and actionable
• Covers the complete development lifecycle from setup to deployment
• Properly references external documentation
• Includes verification steps ("Quick Check") after each major section

The integration with the sidebar and index page is correct, creating a complete user journey from discovery to implementation.