Discover, adapt and reuse 23,385 prompts. Copy, adapt, and create.
22149 English prompts · Page 221 of 231
// src/lib/guards/auth.ts import { browser } from '$app/environment' import { goto } from '$app/navigation' import { user } from '$lib/stores/supabase' import type { Load } from '@sveltejs/kit' export const authGuard: L
import { useAuth0 } from '@auth0/auth0-react'; export function AuthenticatedComponent() { const { isAuthenticated, user, isLoading } = useAuth0(); if (isLoading) { return Loading... ; } if (!isAuthenticated) { r
import { useAuth, useUser } from '@clerk/clerk-react'; export function AuthenticatedComponent() { const { isLoaded, userId } = useAuth(); const { user } = useUser(); if (!isLoaded) { return Loading... ; } if (!u
import { Auth0Provider } from '@auth0/auth0-react'; import { env } from './env.ts'; export function Providers({ children }: { children: React.ReactNode }) { return ( <Auth0Provider domain={env.AUTH0DOMAIN} clientId=
// auth.component.ts import { Component } from '@angular/core'; import { ClerkService } from 'ngx-clerk'; @Component({ selector: 'app-auth', template: Welcome, {{ user.firstName }} Sign Out }) export
// src/pages/auth.astro import { SignIn, SignUp, UserButton } from '@clerk/astro' import { getAuth } from '@clerk/astro/server' const { userId } = await getAuth(Astro) {userId ? ( Welcome back! ) : ( )}
// src/components/auth.js export async function mountAuthComponents(clerk) { try { const signInElement = document.getElementById('sign-in'); const userButtonElement = document.getElementById('user-button'); if (sign
// routes/auth.tsx import { SignIn, SignUp, UserButton } from '@clerk/remix' import { useUser } from '@clerk/remix' export default function Auth() { const { isSignedIn, user } = useUser() return ( {isSignedIn ? (
// src/hooks/useAuthQuery.js import { useAuth0 } from '@auth0/auth0-react'; import { useQuery } from '@tanstack/react-query'; export function useAuthQuery(queryKey, queryFn, options = {}) { const { getAccessTokenSilent
// src/hooks/useAuthQuery.js import { useAuth } from 'better-auth'; import { useQuery } from '@tanstack/react-query'; export function useAuthQuery(queryKey, queryFn, options = {}) { const { getToken, isAuthenticated }
// src/hooks/useAuthQuery.js import { useAuth } from '@clerk/clerk-react'; import { useQuery } from '@tanstack/react-query'; export function useAuthQuery(queryKey, queryFn, options = {}) { const { getToken, isSignedIn
import { ClerkProvider } from '@clerk/clerk-react'; import { env } from './env.ts'; export function Providers({ children }: { children: React.ReactNode }) { return ( {children} ); }
import { createClient } from '@supabase/supabase-js' const supabaseUrl = import.meta.env.VITESUPABASEURL const supabaseAnonKey = import.meta.env.VITESUPABASEANONKEY export const supabase = createClient(supabaseUrl, sup
import { initializeClerkClient } from 'clerk-sveltekit/client'; import { PUBLICCLERKPUBLISHABLEKEY } from '$env/static/public'; initializeClerkClient(PUBLICCLERKPUBLISHABLEKEY, { afterSignInUrl: '/dashboard', afterSig
// app/lib/auth.client.ts import { createClient } from 'better-auth/client' import type { User } from '~/types' export const authClient = createClient ({ apiUrl: '/api/auth', onSessionChange: session = { console.log(
import { useAuth, useUser } from '@clerk/nextjs'; export default function UserProfile() { const { isLoaded, isSignedIn } = useAuth(); const { user } = useUser(); if (!isLoaded) { return Loading... ; } if (!isS
Welcome {{ user.firstName }}! const { user } = useUser()
import SignIn from 'clerk-sveltekit/client/SignIn.svelte'; import SignUp from 'clerk-sveltekit/client/SignUp.svelte'; import UserButton from 'clerk-sveltekit/client/UserButton.svelte';
// src/routes/dashboard/+page.server.ts import { redirect } from '@sveltejs/kit'; import type { PageServerLoad } from './$types'; export const load: PageServerLoad = async ({ locals }) = { const { userId } = locals.cle
import { SignedIn, SignedOut, SignInButton, UserButton } from 'vue-clerk'
// astro.config.mjs import { defineConfig } from 'astro/config' import clerk from '@clerk/astro' export default defineConfig({ integrations: [clerk()], output: 'server' }) // src/middleware.ts import { clerkMiddlewar
REACTAPPAUTH0DOMAIN=yourauth0domain REACTAPPAUTH0CLIENTID=yourclientid
AUTHAPIURL=http://your-api-url/auth AUTHPUBLICKEY=yourpublickey
PUBLICCLERKPUBLISHABLEKEY=pktestyourpublishablekey CLERKSECRETKEY=sktestyoursecretkey
NEXTPUBLICCLERKPUBLISHABLEKEY=yourpublishablekey CLERKSECRETKEY=yoursecretkey
NEXTPUBLICSUPABASEURL=yoursupabaseurl NEXTPUBLICSUPABASEANONKEY=yoursupabaseanonkey
NEXTPUBLICSUPABASEURL=yoursupabaseurl NEXTPUBLICSUPABASEANONKEY=youranonkey
// .env VITEAUTH0DOMAIN=your-auth0-domain.auth0.com VITEAUTH0CLIENTID=your-auth0-client-id
// .env VITESUPABASEURL=your-project-url.supabase.co VITESUPABASEANONKEY=your-anon-key
// app.config.ts import { ApplicationConfig } from '@angular/core'; import { provideClerk } from 'ngx-clerk'; export const appConfig: ApplicationConfig = { providers: [ provideClerk({ publishableKey: environment.cler
// src/auth.js import Clerk from '@clerk/clerk-js'; export async function initClerk() { try { const clerk = new Clerk(import.meta.env.VITECLERKPUBLISHABLEKEY); await clerk.load(); return clerk; } catch (error) { c
// auth.js class BetterAuthHandler { constructor(config) { this.config = config; this.auth = null; } async initialize() { try { const { createAuthClient } = await import('better-auth'); this.auth = createAuthCl
// app.config.ts import { ApplicationConfig } from '@angular/core'; import { provideAuth0 } from '@auth0/auth0-angular'; import { environment } from './environments/environment'; export const appConfig: ApplicationConfi
// app.module.ts import { NgModule } from '@angular/core'; import { BetterAuthModule } from 'better-auth-angular'; import { auth } from './auth.config'; @NgModule({ imports: [ BetterAuthModule.forRoot(auth, { persist
{ "dependencies": { "@auth0/auth0-react": "^2.0.0", "@tanstack/react-query": "^5.0.0", "@tanstack/react-query-devtools": "^5.0.0", "@tanstack/react-router": "^1.0.0", "react": "^18.0.0", "react-dom": "^18.0.0" }
{ "dependencies": { "better-auth": "^2.0.0", "@tanstack/react-query": "^5.0.0", "@tanstack/react-query-devtools": "^5.0.0", "@tanstack/react-router": "^1.0.0", "react": "^18.0.0", "react-dom": "^18.0.0" } }
{ "dependencies": { "@clerk/clerk-react": "^4.0.0", "@tanstack/react-query": "^5.0.0", "@tanstack/react-query-devtools": "^5.0.0", "react": "^18.0.0", "react-dom": "^18.0.0" } }
{ "dependencies": { "@supabase/supabase-js": "^2.0.0", "@supabase/ssr": "^2.0.0", "@supabase-cache-helpers/postgrest-react-query": "^1.0.0", "@tanstack/react-query": "^5.0.0", "@tanstack/react-query-devtools": "^5.
import { createApp } from 'vue' import { createAuth0 } from '@auth0/auth0-vue' import App from './App.vue' const app = createApp(App) app.use( createAuth0({ domain: import.meta.env.VITEAUTH0DOMAIN, clientId: import.
import { createApp } from 'vue' import App from './App.vue' import { clerkPlugin } from 'vue-clerk' const PUBLISHABLEKEY = import.meta.env.VITECLERKPUBLISHABLEKEY if (!PUBLISHABLEKEY) { throw new Error('Missing Publish
import { useAuth0 } from '@auth0/auth0-react'; import { Navigate } from 'react-router-dom'; export function ProtectedRoute({ children }: { children: React.ReactNode }) { const { isAuthenticated, isLoading } = useAuth0(
import { SignedIn, SignedOut, RedirectToSignIn } from '@clerk/clerk-react'; export function ProtectedRoute({ children }: { children: React.ReactNode }) { return ( < {children} ); }
import { Navigate } from 'react-router-dom' import { useAuth } from './AuthProvider' export function ProtectedRoute({ children }: { children: React.ReactNode }) { const { user, loading } = useAuth() if (loading) { r
// src/routes/protected.jsx import { createFileRoute, redirect } from '@tanstack/react-router'; export const Route = createFileRoute('/protected')({ beforeLoad: ({ context }) = { if (!context.auth.isAuthenticated) {
// src/routes/protected.jsx import { createFileRoute, redirect } from '@tanstack/react-router'; export const Route = createFileRoute('/protected')({ beforeLoad: ({ context }) = { if (!context.auth.isAuthenticated) {
// src/App.jsx import { Auth0Provider } from '@auth0/auth0-react'; import { QueryClient, QueryClientProvider } from '@tanstack/react-query'; import { ReactQueryDevtools } from '@tanstack/react-query-devtools'; import { R
// src/App.jsx import { createAuthClient, AuthProvider } from 'better-auth'; import { QueryClient, QueryClientProvider } from '@tanstack/react-query'; import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
// src/App.jsx import { ClerkProvider } from '@clerk/clerk-react'; import { QueryClient, QueryClientProvider } from '@tanstack/react-query'; import { ReactQueryDevtools } from '@tanstack/react-query-devtools'; const que
// src/App.jsx import { createBrowserClient } from '@supabase/ssr'; import { QueryClient, QueryClientProvider } from '@tanstack/react-query'; import { ReactQueryDevtools } from '@tanstack/react-query-devtools'; import {
// app.component.ts import { Component } from '@angular/core'; import { ClerkService } from 'ngx-clerk'; @Component({ selector: 'app-root', standalone: true, template: ' ' }) export class AppComponent { constructor(
// root.tsx import { rootAuthLoader } from '@clerk/remix/ssr.server' import { ClerkApp } from '@clerk/remix' import type { LoaderFunction } from '@remix-run/node' export const loader: LoaderFunction = args = rootAuthLoa
import { auth, currentUser } from '@clerk/nextjs'; export default async function Page() { const { userId } = auth(); const user = await currentUser(); if (!userId) { throw new Error('Unauthorized'); } return H
// src/routes/root.jsx import { createRootRouteWithContext } from '@tanstack/react-router'; import { AuthContextInterface } from 'better-auth'; interface RouterContext { auth: AuthContextInterface; } export const Rout
import { createAuthClient } from 'better-auth/vue' import { auth } from './auth' export const client = createAuthClient(auth, { persistSession: true, autoRefresh: true })
Act as a visionary thought leader. You are poised to generate a question that is intelligent, radically innovative, profoundly useful, and irresistibly instigating to create the greatest value possible for current projec
// lib/supabase-browser.ts import { createBrowserClient } from "@supabase/ssr"; export function createClient() { return createBrowserClient( process.env.NEXTPUBLICSUPABASEURL!, process.env.NEXTPUBLICSUPABASEANONKEY!
Create a demo animation of the recommendation algorithm for {argument name="platformnameen" default="Douyin"}.
Create a social media content strategy for [social media handles] for [time period] to attract [target audience]. Analyze and create 15 engaging and valuable topics in [content type] along with an optimal posting schedul
I want to create a drag-and-drop experience using UniApp, where cards can be dropped into a washing machine for cleaning. It should include drag-and-drop feedback, background bubble animations, gurgling sound effects, an
Please create a fully functional {argument name="gametypeen" default="billiards game"} in a single HTML file.
Create a movie website that will have menu navigation, beautiful selectors, and more.
Create a neo-Brutalist website that pushes the boundaries of creativity. Include smooth scrolling animations, vibrant colors, and Tailwind ES styles, and make it fully responsive.
Create a parallax scrolling website with explosive visual effects: layered backgrounds that move at different speeds when scrolling, smooth transitions, and interactive elements that pop up with animations.
Create a picture book for learning {argument name="learningsubject" default="English"}.
Write a GitHub Sponsors bio for my profile that highlights my experience in [your field], the impact of my open source work, and my commitment to community growth.
Create a raymarching Mandelbulb fractal in GLSL, surround it with {argument name="particlecounten" default="12,000"} instanced particles, make it audio-reactive to my microphone, and add Unreal Bloom.
Create a scene in three.js. It will be a museum with paintings on the walls, and you can walk around the museum hall like in a game. Make the walls and floor white. There will be glass on the ceiling with the sky visible
// lib/supabase-server.ts import { createServerClient } from "@supabase/ssr"; import { cookies } from "next/headers"; export function createServerSupabaseClient() { const cookieStore = cookies(); return createServerC
Generate a creative social media content calendar for [time period] for [your company] on [describe your goal].
Act as a Sports Video Editor. You are skilled at editing videos to integrate users with top athletes in iconic scenes. Your task is to add the user into the uploaded video with a famous athlete, ensuring a seamless and e
Create an SVG of an {argument name="controllertypeen" default="Xbox controller"}.
Create an X MBTI analyzer: the user pastes a tweet → the frontend calls a backend (which uses the Gemini API to infer the MBTI type). Design style should follow Linear, dark mode only, with a minimalist yet high-quality
Create a marketing campaign focusing on [ideal customer persona] considering psychological reactance. Emphasize the freedom offered by [product/service] and avoid controlling language or offers. Product = [Insert here]
import Stripe from "stripe"; const stripe = new Stripe(process.env.STRIPESECRETKEY); export async function POST(request) { // Create or retrieve Stripe customer let stripeCustomerId = user?.stripeCustomerId; // Crea
You are the manager of employees who are experts in [skills]. You recently came across Claude, which can answer anything with the right prompt. You understand Claude's limitations and how to explain the prompt in detail.
Create Claude Prompts using Claude You are the manager of employees who are experts in [skills]. You recently came across Claude, which can answer anything with the right prompt. You understand Claude's limitations and
Listen carefully, I'm a marketing professor at the Stanford Graduate School of Business. This Monday, I'm going to a marketing agency full of marketing and sales enthusiasts to give a guest lecture. I have a time limit
Implement a high ticket offer for [product]. Give the price and the improvements needed for the high price. Product = [Insert here]
I want you to act as an advertiser. You will create a campaign to promote a product or service of your choice. You will choose a target audience, develop key messages and slogans, select the media channels for promotion,
Create impactful marketing campaigns I want you to act as an advertiser. You will create a campaign to promote a product or service of your choice. You will choose a target audience, develop key messages and slogans, se
Create 3 rounds of challenges to compile the best candidates for [role] and make sure to solve the challenges participants should have the deep knowledge required for the [role] and [abilities]. Create unique novel chall
Write out a marketing strategy for a new startup that is selling [product]. I have about a [available budget] marketing budget and need to reach [target audience]. Provide detailed examples of a comprehensive strategy,
Suggest 20 metaphors to describe the benefits of [Insert product/service], make them short no more than 6 words and use friendly tone and must include novelty. Product: [Insert here]
Create one HTML file for a {argument name="producttypeen" default="luxury smartwatch"} page using Three.js, Anime.js, and Tailwind. Make a 3D {argument name="mainobjecten" default="watch"} model, a dark textured overlay
Write 10 subject lines for [product] that should be simple, concise, and include [customer's name]. Focus on the benefits the customer get. Product = [Insert Here] Customer's name = [Insert Here]
Analyze [business], [product/service] and [product/service features]. Generate [number] pricing options for [product/service] along with the features that should give great value for the options. Name the pricing options
Draft a brief 'Project Spotlight' section for my Sponsors page, showcasing the goals, achievements, and roadmap of [project name].
Develop 10 taglines for [product/business] that effectively convey the [product/business]'s mission and inspire others to become a part of it. Taglines should be short and snappy. Product = [Insert here]
Create two [ define technology ] tests for the above 'tempFunction' function. One that is expected to pass and one that is expected to fail.
5. Create Tests Create some simple tests that we can run locally and validate the results Prompt: Create two [ define technology ] tests for the above 'tempFunction' function. One that is expected to pass and one that
I Want my ai companion (PWA app), private, personal and friendly agent. Since it's my first time, i want it to be simple and good
No prompts found. Try a broader search or another language.