examples
Enjoy our curated collection of examples and solutions. Use these patterns to build your own robust and scalable applications. (by vercel)
Our great sponsors
| examples | watch-this | |
|---|---|---|
| 32 | 1 | |
| 3,286 | 381 | |
| 3.7% | - | |
| 8.6 | 4.6 | |
| 5 days ago | 5 months ago | |
| TypeScript | Svelte | |
| MIT License | - |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
examples
Posts with mentions or reviews of examples.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2023-12-07.
-
Direct Postgres connection to Supabase from Vercel Edge in Next.js
Is anyone aware of a way to make a direct connection to Postgres with transaction support on Vercel Edge functions? The 'pg' package doesn't work on edge for me. The obvious answer would be @vercel/postgres but I find their lack of documentation rough and for whatever reason I can't get it to connect on my local computer using the Supabase-provided local database connection string. This is apparently a known issue (https://github.com/vercel/storage/issues/123, https://github.com/vercel/examples/issues/701) where in order to make this (or neon's package) work you need a WebSocket proxy? Is a direct Postgres connection from edge just impossible right now? Or do others have it working somehow?
-
Does anyone have any experience with using nextjs as frontend and flask as backend?
I have cloned this repo: https://github.com/vercel/examples/tree/main/python/nextjs-flask. I am using the repo to make an api call from the front end to the back end. when running fetch("/api") I get an error with status 500, why is that?
-
12 Super Cool Machine Learning Projects that you didn't know are Open Source and made of JavaScript
Demo: Alt Text Generator GitHub: Alt Text Generator Repository
-
Vercel Launches 3 New Storage Options for Your Next Project!
I copied the Template that they provide for the testing, you can get the template source on GitHub. I modified its page.tsx file just to set and get a value from the database.
-
Existing NEXTJS (T3) Site + Monolithic Wordpress-Woocommerce Shop -howto AUTHENTICATION?
Take a look at this example: https://github.com/vercel/examples/tree/main/solutions/subdomain-auth
-
Update on connection pooling with Vercel
So AFAIK now with Vercel Postgres is possible to have connection pooling using prisma out of the box, this means that no more bottlenecks with lots of clients connected to the web app right? Source: https://github.com/vercel/examples/blob/main/storage/postgres-prisma/prisma/schema.prisma
-
How to Revalidate PostgreSQL Server Component in Next JS?
I have a server component that reads a database table in this new way (Vercel Next JS Postgres Example). I also have a client component that updates that calls a fetch to update the same table. How can I ensure that the data in my server component doesn't grow stale?
-
How to use Redis with Vercel Edge
Additionally, Redis can be used in combination with Vercel Edge cache using: https://github.com/vercel/examples/tree/main/edge-api-routes/cache-control
- Convert serverless function to an Edge function.
-
Step by step: Multi-Tenant App with Next.js
Hostname rewrites example
watch-this
Posts with mentions or reviews of watch-this.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2023-06-26.
-
12 Super Cool Machine Learning Projects that you didn't know are Open Source and made of JavaScript
Demo: AI Film Recommendation Generator GitHub: AI Film Recommendation Generator Repository
What are some alternatives?
When comparing examples and watch-this you can also consider the following projects:
rwa-faunadb-reaflow-nextjs-magic - Real-world app example - Real-time Editor, using FaunaDB (realtime stream), Reaflow (graph editor), Next.js framework and a bit of Magic (auth)!
ai-code-translator - Use AI to translate code from one language to another.
apps - daily.dev application suite
dalle-2 - Dall-E 2 image generator
edge-functions
scribble-diffusion - Turn your rough sketch into a refined image using AI
platforms - A full-stack Next.js app with multi-tenancy and custom domain support. Built with Next.js App Router and the Vercel Domains API.
inpainter - A web GUI built with Next.js for inpainting with Stable Diffusion using the Replicate API.
developer-portal - Open source repo for the Sitecore Developer Portal (https://developers.sitecore.com)
twitterbio - Generate your Twitter bio with Mixtral and GPT-3.5.
serve - Static file serving and directory listing
paint-by-text - A microsite for InstructPix2Pix
examples vs rwa-faunadb-reaflow-nextjs-magic
watch-this vs ai-code-translator
examples vs apps
watch-this vs dalle-2
examples vs edge-functions
watch-this vs scribble-diffusion
examples vs platforms
watch-this vs inpainter
examples vs developer-portal
watch-this vs twitterbio
examples vs serve
watch-this vs paint-by-text