Skip to content

Add code examples for components (and some hooks) to support all SDKs#2481

Merged
NWylynko merged 110 commits intomainfrom
nick/sdk-scoping-components-and-hooks
Oct 2, 2025
Merged

Add code examples for components (and some hooks) to support all SDKs#2481
NWylynko merged 110 commits intomainfrom
nick/sdk-scoping-components-and-hooks

Conversation

@NWylynko
Copy link
Contributor

@NWylynko NWylynko commented Aug 8, 2025

🔎 Preview: https://clerk.com/docs/pr/nick-sdk-scoping-components-and-hooks

The current component documentation does not provide code examples for all supported SDKs.
This PR introduces code examples for each supported SDK, improving SDK-specific guidance and making the documentation more complete and actionable.

Scope:

  • This PR adds code examples only for components
  • Hook examples will be handled separately in a follow-up issue/PR, since that work is more complex and involves Typedoc stuff.

The following checklist can be used to review this PR. Each component was tested twice by two different people (@SarahSoutoul & @NWylynko).


docs/components/authentication/google-one-tap.mdx (Sarah)

  • Nuxt
  • React Router

docs/components/authentication/sign-in.mdx (Sarah)

  • Chrome Extension
  • Nuxt

docs/components/authentication/sign-up.mdx (Sarah)

  • Chrome Extension
  • Nuxt

docs/components/clerk-provider.mdx (Sarah)

  • Chrome Extension

docs/components/control/clerk-loaded.mdx (Sarah)

  • Astro
  • Chrome Extension
  • Nuxt
  • React Router
  • Tanstack React Start
  • Vue

docs/components/control/clerk-loading.mdx (Sarah)

  • Astro
  • Chrome Extension
  • Nuxt
  • React Router
  • Tanstack React Start
  • Vue

docs/components/control/redirect-to-createorganization.mdx (Sarah)

  • Nuxt
  • React Router
  • Tanstack React Start
  • Vue

docs/components/control/redirect-to-organizationprofile.mdx (Sarah)

  • Nuxt
  • React Router
  • Tanstack React Start
  • Vue

docs/components/control/redirect-to-signin.mdx (Sarah)

  • Chrome Extension
  • Nuxt
  • React Router
  • Tanstack React Start
  • Vue

docs/components/control/redirect-to-signup.mdx (Sarah)

  • Chrome Extension
  • Nuxt
  • React Router
  • Tanstack React Start
  • Vue

docs/components/control/redirect-to-userprofile.mdx (Sarah)

  • Nuxt
  • React Router
  • Tanstack React Start
  • Vue

docs/components/control/signed-in.mdx (Sarah)

  • Chrome Extension
  • Nuxt
  • React Router

docs/components/control/signed-out.mdx (Sarah)

  • Chrome Extension
  • Nuxt
  • React Router

docs/components/organization/create-organization.mdx (Sarah)

  • Chrome Extension
  • Nuxt
  • React Router

docs/components/authentication/task-choose-organization.mdx (Nick)

  • Tanstack React Start
  • Remix
  • React Router

docs/components/organization/organization-list.mdx (Nick)

  • Chrome Extension
  • Nuxt
  • React Router

docs/components/organization/organization-profile.mdx (Nick)

  • Chrome Extension
  • Nuxt
  • React Router

docs/components/organization/organization-switcher.mdx (Nick)

  • Chrome Extension
  • Nuxt
  • React Router

docs/components/pricing-table.mdx (Nick)

  • Chrome Extension
  • Nuxt
  • Remix

docs/components/protect.mdx (Nick)

  • Chrome Extension
  • Nuxt
  • Remix

docs/components/unstyled/sign-in-button.mdx (Nick)

  • Chrome Extension
  • Nuxt
  • React Router

docs/components/unstyled/sign-in-with-metamask.mdx (Nick)

  • Nuxt
  • React Router
  • Tanstack React Start

docs/components/unstyled/sign-out-button.mdx (Nick)

  • Chrome Extension
  • Nuxt
  • React Router

docs/components/unstyled/sign-up-button.mdx (Nick)

  • Chrome Extension
  • Nuxt
  • React Router

docs/components/user/user-button.mdx (Nick)

  • Chrome Extension
  • Nuxt
  • React Router

docs/components/user/user-profile.mdx (Nick)

  • Chrome Extension
  • Nuxt
  • React Router

docs/components/waitlist.mdx (Nick)

  • Chrome Extension
  • Nuxt
  • React Router
  • Remix

docs/hooks/use-organization.mdx (Nick)

  • Chrome Extension
  • Expo
  • React Router
  • Remix
  • Tanstack React Start

docs/hooks/use-organization-list.mdx (Nick)

  • Chrome Extension
  • Expo
  • React Router
  • Remix
  • Tanstack React Start

https://clerk.com/docs/pr/nick-sdk-scoping-components-and-hooks/hooks/use-reverification (Sarah)

  • chrome-extension
  • Expo
  • nextjs
  • react-router
  • remix
  • tanstack-react-start

FIXES DOCS-10658

@NWylynko NWylynko requested a review from a team as a code owner August 8, 2025 19:11
@vercel
Copy link

vercel bot commented Aug 8, 2025

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Preview Updated (UTC)
clerk-docs Ready Ready Preview Oct 1, 2025 11:44pm

@NWylynko NWylynko changed the title Add code examples for compoennts and hooks Add code examples for components and hooks Aug 8, 2025
@NWylynko NWylynko changed the title Add code examples for components Add code examples for components (and some hooks) Oct 1, 2025
@alexisintech
Copy link
Member

I say we 🚢
awesome job on this guys!!! this was a big one 👏 teamwork!!

@NWylynko NWylynko merged commit 33e1108 into main Oct 2, 2025
7 checks passed
@NWylynko NWylynko deleted the nick/sdk-scoping-components-and-hooks branch October 2, 2025 06:09
@alexisintech alexisintech changed the title Add code examples for components (and some hooks) Add code examples for components (and some hooks) to support all SDKs Oct 28, 2025
@alexisintech alexisintech mentioned this pull request Oct 28, 2025
2 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants