Convex Logo
Next.js Logo

Convex + Next.js

DemoRealtime
Welcome!
This app generates random numbers and stores them in your Convex database.
Number generator
Generate a number and watch data sync reactively across open tabs.
Newest Numbers

Click the button to generate a number!

Making changes

Edit convex/myFunctions.ts to change the backend.

Edit app/page.tsx to change the frontend.

See the /server route for an example of loading data in a server component.

Useful resources

Read comprehensive documentation for all Convex features.

Learn about best practices, use cases, and more from a growing collection of articles, videos, and walkthroughs.

Browse our collection of templates to get started quickly.

Join our developer community to ask questions, trade tips and tricks, and show off your projects.