Skip to content

Add LLM prompts to Next.js and React quickstarts #2261

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.

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

Merged
merged 5 commits into from
May 28, 2025

Conversation

mwickett
Copy link
Member

@mwickett mwickett commented May 27, 2025

🔎 Previews:

What does this solve?

We've seen a 4% lift in activation for dev instances where the LLM prompt copy button is clicked, so this adds the same functionality to Docs.

What changed?

Uses the new LLMPromp (added in https://github.com/clerk/clerk/pull/1202) component to render a banner with a copy button and displayText on the Next.js and React quickstarts.

🛹 Talking with @NWylynko we're ok with this rough first pass where the prompt content is included inline as a prop. Goal is to get this shipped ASAP and then once his improvements ship we'll revisit how we handle this.

Note: this removes the from both the Next.js and React quickstarts - looking at PostHog data, the sample repo and the pre-requisites get very low numbers of clicks (6 in the last 90 days for the prereq) so I think it's fine to remove, but just calling that out.

Checklist

  • I have clicked on "Files changed" and performed a thorough self-review
  • All existing checks pass

@mwickett mwickett requested a review from a team as a code owner May 27, 2025 16:56
Copy link

Hey, here’s your docs preview: https://clerk.com/docs/pr/2261

Copy link

⚠️ Changes found in the following quickstarts:

  • nextjs.mdx
  • react.mdx

⚠️ Please update the corresponding quickstarts in the Dashboard

Copy link

⚠️ Changes found in the following quickstarts:

  • nextjs.mdx
  • react.mdx

⚠️ Please update the corresponding quickstarts in the Dashboard

@NWylynko
Copy link
Contributor

Given the removal of the github repos from the top of the pages, can we add the example repo in to the sidebar in the react.js sdk like we have it in the nextjs sidebar items?

Screenshot 2025-05-28 at 9 31 36 PM

@mwickett
Copy link
Member Author

oh good call, I didn't realize those were there. I'll add React.

Copy link

⚠️ Changes found in the following quickstarts:

  • nextjs.mdx
  • react.mdx

⚠️ Please update the corresponding quickstarts in the Dashboard

@mwickett mwickett requested a review from NWylynko May 28, 2025 14:30
Copy link
Contributor

@NWylynko NWylynko left a comment

Choose a reason for hiding this comment

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

Excited to see this develop over time!

@mwickett mwickett merged commit 1180264 into main May 28, 2025
9 checks passed
@mwickett mwickett deleted the mw.add-llm-prompt-nextjs-quickstart branch May 28, 2025 14:47
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