Integration
Setting Up Cloudflare Pages for Convex Preview Deployments: A Step-by-Step Guide![Atul Raghuvanshi's avatar](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fts10onj4%2Fproduction%2Ffdefc19ac2c13890cda04747266a9b55fe6b38c6-795x829.png&w=3840&q=75)
![Matt Luo's avatar](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fts10onj4%2Fproduction%2F7dcfd1c7d000d0a102ee19974db58b43e00e5b52-576x576.jpg&w=3840&q=75)
ClarityText uses Cloudflare Pages for Convex deployments on Language Hopper, leveraging preview deployments, Git integration, and Node.js support. In this guide, Atul Raghuvanshi and Convex Champion Matt Luo walk through setup, including team onboarding, build scripts, Git configuration, and troubleshooting.
![Atul Raghuvanshi's avatar](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fts10onj4%2Fproduction%2Ffdefc19ac2c13890cda04747266a9b55fe6b38c6-795x829.png&w=3840&q=75)
![Matt Luo's avatar](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fts10onj4%2Fproduction%2F7dcfd1c7d000d0a102ee19974db58b43e00e5b52-576x576.jpg&w=3840&q=75)
Atul Raghuvanshi & Matt Luo
10 days ago
Add a collaborative document editor to your app![Ian Macartney's avatar](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fts10onj4%2Fproduction%2F077753b63476b77fb111ba06d1bb538517033a54-3500x3500.jpg&w=3840&q=75)
Or how I learned to love BlockNote, Tiptap and ProseMirror OT sync.
![Ian Macartney's avatar](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fts10onj4%2Fproduction%2F077753b63476b77fb111ba06d1bb538517033a54-3500x3500.jpg&w=3840&q=75)
Ian Macartney
2 months ago
Going local-first with Automerge and Convex![Ian Macartney's avatar](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fts10onj4%2Fproduction%2F077753b63476b77fb111ba06d1bb538517033a54-3500x3500.jpg&w=3840&q=75)
Learn about Automerge CRDTs for collaborative editing, syncing changes using Convex.
![Ian Macartney's avatar](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fts10onj4%2Fproduction%2F077753b63476b77fb111ba06d1bb538517033a54-3500x3500.jpg&w=3840&q=75)
Ian Macartney
3 months ago
Components for your Backend![Ian Macartney's avatar](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fts10onj4%2Fproduction%2F077753b63476b77fb111ba06d1bb538517033a54-3500x3500.jpg&w=3840&q=75)
Convex Components enable an ecosystem of powerful building blocks to reduce the amount of code you have to write and maintain yourself. Geospatial search, Expo push notifications, LaunchDarkly feature flags, durable function workflows, and more.
![Ian Macartney's avatar](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fts10onj4%2Fproduction%2F077753b63476b77fb111ba06d1bb538517033a54-3500x3500.jpg&w=3840&q=75)
Ian Macartney
4 months ago
Introducing Convex for Swift![Christian Wyglendowski's avatar](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fts10onj4%2Fproduction%2F6902135ab0d950d34460e3cde55f63e05b60d2b0-96x96.jpg&w=3840&q=75)
I’m excited to announce Convex Swift, which unlocks the ability to build iOS and MacOS clients for your Convex app.
![Christian Wyglendowski's avatar](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fts10onj4%2Fproduction%2F6902135ab0d950d34460e3cde55f63e05b60d2b0-96x96.jpg&w=3840&q=75)
Christian Wyglendowski
4 months ago
Using Cursor, Claude and Convex to Build a Social Media Scheduling App![Tom Redman's avatar](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fts10onj4%2Fproduction%2F74190cdf816481dceea8a0006e8bdbe9f351b9cd-1035x1035.jpg&w=3840&q=75)
I was curious to see if I could prompt my way through developing an entire app with Cursor and Claude. It went pretty well - but there are some important caveats to keep in mind.
![Tom Redman's avatar](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fts10onj4%2Fproduction%2F74190cdf816481dceea8a0006e8bdbe9f351b9cd-1035x1035.jpg&w=3840&q=75)
Tom Redman
5 months ago
Introducing Convex for Android![Christian Wyglendowski's avatar](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fts10onj4%2Fproduction%2F6902135ab0d950d34460e3cde55f63e05b60d2b0-96x96.jpg&w=3840&q=75)
It was my goal to create an API that both feels natural to Android developers who have kept up with modern application architecture principles, as well something that feels like a natural fit in the Convex ecosystem.
![Christian Wyglendowski's avatar](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fts10onj4%2Fproduction%2F6902135ab0d950d34460e3cde55f63e05b60d2b0-96x96.jpg&w=3840&q=75)
Christian Wyglendowski
5 months ago
Convex with Auth.js (NextAuth)![Michal Srb's avatar](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fts10onj4%2Fproduction%2Fe8231f5314b107688be9636bd8a855e820cbca20-512x512.png&w=3840&q=75)
Learn how to use Auth.js with your Next.js server and Convex backend to build a full-featured authentication system.
![Michal Srb's avatar](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fts10onj4%2Fproduction%2Fe8231f5314b107688be9636bd8a855e820cbca20-512x512.png&w=3840&q=75)
Michal Srb
9 months ago
Convex Adapter for Auth.js (NextAuth) Setup Guide![Michal Srb's avatar](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fts10onj4%2Fproduction%2Fe8231f5314b107688be9636bd8a855e820cbca20-512x512.png&w=3840&q=75)
Learn how to install and configure the Convex adapter for Auth.js as part of getting set up with Convex and Next.js.
![Michal Srb's avatar](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fts10onj4%2Fproduction%2Fe8231f5314b107688be9636bd8a855e820cbca20-512x512.png&w=3840&q=75)
Michal Srb
9 months ago
Dev Diary: Log Streaming ft. Axiom![Convex's avatar](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fts10onj4%2Fproduction%2Fa7ae6922d84ee6b25c94992a47688132cc368a48-256x258.png&w=3840&q=75)
Check out the behind-the-scenes engineering efforts that went behind Axiom's integration into Convex.
![Convex's avatar](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fts10onj4%2Fproduction%2Fa7ae6922d84ee6b25c94992a47688132cc368a48-256x258.png&w=3840&q=75)
Convex
a year ago
Building a Subscription Based SaaS with Stripe![Web Dev Cody's avatar](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fts10onj4%2Fproduction%2F5c1417465b5653024b2a3950607b9d216cfe4cc3-176x176.jpg&w=3840&q=75)
This is a full stack tutorial video includes subscriptions powered by Stripe with Convex as the backend, Clerk for authentication, and Next.js for the frontend.
![Web Dev Cody's avatar](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fts10onj4%2Fproduction%2F5c1417465b5653024b2a3950607b9d216cfe4cc3-176x176.jpg&w=3840&q=75)
Web Dev Cody
a year ago
Zod with TypeScript for Server-side Validation and End-to-End Types![Ian Macartney's avatar](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fts10onj4%2Fproduction%2F077753b63476b77fb111ba06d1bb538517033a54-3500x3500.jpg&w=3840&q=75)
Use Zod with TypeScript for argument validation on your server functions allows you to both protect against invalid data, and define TypeScript types that propagate to your client. This can now be used as an alternative to the built-in argument validation on Convex.
![Ian Macartney's avatar](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fts10onj4%2Fproduction%2F077753b63476b77fb111ba06d1bb538517033a54-3500x3500.jpg&w=3840&q=75)
Ian Macartney
a year ago
Who's on Call? Learn to Sync Pagerduty with Slack![Gautam Gupta's avatar](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fts10onj4%2Fproduction%2F766e3fd855f25f2c0bef103d52c210cdade93245-384x384.webp&w=3840&q=75)
Syncing your Pagerduty instance with Slack is a good way to stay on top of your on-call schedule. We cover syncing Pagerduty information with a Slack channel.
![Gautam Gupta's avatar](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fts10onj4%2Fproduction%2F766e3fd855f25f2c0bef103d52c210cdade93245-384x384.webp&w=3840&q=75)
Gautam Gupta
a year ago
Adding Data Integration to Your Convex Application with Fivetran![Nipunn Koorapati's avatar](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fts10onj4%2Fproduction%2F356ab217d41d241d51c70d467f187322bdab16fa-384x384.webp&w=3840&q=75)
Launching our official Convex Fivetran connector.
![Nipunn Koorapati's avatar](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fts10onj4%2Fproduction%2F356ab217d41d241d51c70d467f187322bdab16fa-384x384.webp&w=3840&q=75)
Nipunn Koorapati
a year ago
GPT Streaming With Persistent Reactivity![Ian Macartney's avatar](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fts10onj4%2Fproduction%2F077753b63476b77fb111ba06d1bb538517033a54-3500x3500.jpg&w=3840&q=75)
Stream GPT responses without brittle browser-based HTTP streaming.
Multiplayer reactivity, persistence, reactivity via Convex. Using OpenAI’s Node SDK server-side, and Convex's useQuery hook client-side.
![Ian Macartney's avatar](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fts10onj4%2Fproduction%2F077753b63476b77fb111ba06d1bb538517033a54-3500x3500.jpg&w=3840&q=75)
Ian Macartney
a year ago
Fullstack Notion Clone: Next.js 13, React, Convex, Tailwind | Full Course 2023![Code With Antonio's avatar](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fts10onj4%2Fproduction%2F48ce1331b5f4090f7cdb47bf5b236b193568db46-176x176.jpg&w=3840&q=75)
Hi all 👋 In this 8 hour tutorial you will learn how to create an end-to-end fullstack notion clone, all with proper notion-style editor, cover images, nested documents, publishing documents to public, real-time database and more.
![Code With Antonio's avatar](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fts10onj4%2Fproduction%2F48ce1331b5f4090f7cdb47bf5b236b193568db46-176x176.jpg&w=3840&q=75)
Code With Antonio
a year ago
Lucia Auth: Implement Custom Authentication![Michal Srb's avatar](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fts10onj4%2Fproduction%2Fe8231f5314b107688be9636bd8a855e820cbca20-512x512.png&w=3840&q=75)
Learn how to build a full stack app with authentication without any third-party auth providers, using Convex and the Lucia library.
![Michal Srb's avatar](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fts10onj4%2Fproduction%2Fe8231f5314b107688be9636bd8a855e820cbca20-512x512.png&w=3840&q=75)
Michal Srb
2 years ago
Wake up, you need to make money! (Add Stripe to your product)![Michal Srb's avatar](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fts10onj4%2Fproduction%2Fe8231f5314b107688be9636bd8a855e820cbca20-512x512.png&w=3840&q=75)
If you’re building a full-stack app, chances are you’ll want some of your users to pay you for the service you provide. How to use Stripe with Convex to get it done.
![Michal Srb's avatar](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fts10onj4%2Fproduction%2Fe8231f5314b107688be9636bd8a855e820cbca20-512x512.png&w=3840&q=75)
Michal Srb
2 years ago
Using Pinecone and Embeddings![Ian Macartney's avatar](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fts10onj4%2Fproduction%2F077753b63476b77fb111ba06d1bb538517033a54-3500x3500.jpg&w=3840&q=75)
Pinecone and Convex are a good match when you're looking to build an application that leverages embeddings and also has application data.
![Ian Macartney's avatar](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fts10onj4%2Fproduction%2F077753b63476b77fb111ba06d1bb538517033a54-3500x3500.jpg&w=3840&q=75)
Ian Macartney
2 years ago
Get Typeform Data Into Convex![Kate Rudolph's avatar](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fts10onj4%2Fproduction%2F58121456aeee0e1eb410d800a21e3dd5b4b2612a-200x200.jpg&w=3840&q=75)
Leverage Typeform while keeping the data in a powerful transactional application database.
![Kate Rudolph's avatar](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fts10onj4%2Fproduction%2F58121456aeee0e1eb410d800a21e3dd5b4b2612a-200x200.jpg&w=3840&q=75)
Kate Rudolph
2 years ago
How to Generate AI Images from Scribbles with Next.js![Web Dev Cody's avatar](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fts10onj4%2Fproduction%2F5c1417465b5653024b2a3950607b9d216cfe4cc3-176x176.jpg&w=3840&q=75)
Building a full stack app to generate images based on a prompt and user-provided sketch
![Web Dev Cody's avatar](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fts10onj4%2Fproduction%2F5c1417465b5653024b2a3950607b9d216cfe4cc3-176x176.jpg&w=3840&q=75)
Web Dev Cody
2 years ago
Moderating ChatGPT Content: Full-Stack![Ian Macartney's avatar](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fts10onj4%2Fproduction%2F077753b63476b77fb111ba06d1bb538517033a54-3500x3500.jpg&w=3840&q=75)
In this post, we’ll look at how to use the moderation API to flag messages before sending them to Chat-GPT, and patterns for handling these errors in a full-stack React app.
![Ian Macartney's avatar](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fts10onj4%2Fproduction%2F077753b63476b77fb111ba06d1bb538517033a54-3500x3500.jpg&w=3840&q=75)
Ian Macartney
2 years ago
Adding Personality to ChatGPT-3![Ian Macartney's avatar](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fts10onj4%2Fproduction%2F077753b63476b77fb111ba06d1bb538517033a54-3500x3500.jpg&w=3840&q=75)
How to store multiple personalities Convex and provide them to the chatGPT API, enabling changing personalities mid-conversation. This is a follow-up to Building a full-stack ChatGPT app.
![Ian Macartney's avatar](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fts10onj4%2Fproduction%2F077753b63476b77fb111ba06d1bb538517033a54-3500x3500.jpg&w=3840&q=75)
Ian Macartney
2 years ago
Advanced HTTP Endpoints: Convex ❤️ Hono![Sarah Shader's avatar](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fts10onj4%2Fproduction%2F7047febd1fcf4e4b44d4da9f199c07d842acf23b-1365x1418.jpg&w=3840&q=75)
Adding advanced HTTP Endpoint functionality by extending Convex with Hono.
![Sarah Shader's avatar](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fts10onj4%2Fproduction%2F7047febd1fcf4e4b44d4da9f199c07d842acf23b-1365x1418.jpg&w=3840&q=75)
Sarah Shader
2 years ago
Building a Full-Stack ChatGPT app![Ian Macartney's avatar](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fts10onj4%2Fproduction%2F077753b63476b77fb111ba06d1bb538517033a54-3500x3500.jpg&w=3840&q=75)
Let's build a full-stack chat app to talk to ChatGPT on its new API!
![Ian Macartney's avatar](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fts10onj4%2Fproduction%2F077753b63476b77fb111ba06d1bb538517033a54-3500x3500.jpg&w=3840&q=75)
Ian Macartney
2 years ago
Using Dall-E from Convex![Ian Macartney's avatar](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fts10onj4%2Fproduction%2F077753b63476b77fb111ba06d1bb538517033a54-3500x3500.jpg&w=3840&q=75)
Use Convex to fetch an image from OpenAI’s image generation service based on a user-provided prompt.
![Ian Macartney's avatar](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fts10onj4%2Fproduction%2F077753b63476b77fb111ba06d1bb538517033a54-3500x3500.jpg&w=3840&q=75)
Ian Macartney
2 years ago