examples
platforms
Our great sponsors
examples | platforms | |
---|---|---|
32 | 16 | |
3,286 | 5,197 | |
3.7% | 4.1% | |
8.6 | 8.5 | |
4 days ago | 25 days ago | |
TypeScript | TypeScript | |
MIT License | - |
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
-
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
platforms
-
Problem with SubDomains (Multitenancy)
I am trying to add subdomains to my project where I am trying to have [slug].domainname.com and then also just the regular dominname.com, I structured my code app router to be app, then api, [subdomain], and home. then i created middleware based on the platforms template code https://github.com/vercel/platforms/tree/main Heres the middleware: import { NextRequest, NextResponse } from "next/server"; export const config = { matcher: [ /* * Match all paths except for: * 1. /api routes * 2. /_next (Next.js internals) * 3. /_static (inside /public) * 4. all root files inside /public (e.g. /favicon.ico) */ "/((?!api/|_next/|_static/|_vercel|[\\w-]+\\.\\w+).*)", ], }; export default function middleware(req) { const url = req.nextUrl;
-
Ask HN: Which open-source editor would you choose to build something like Notion
Oooh, Novel is also being used in Vercel's Platforms Starter Kit
https://github.com/vercel/platforms/tree/main
-
Help needed for a Multi Tenant project.
Vercel Platforms Starter Kit will get you a lot of the way there: https://github.com/vercel/platforms
- Are there any best practices Next projects out there?
-
$15k MRR for Instatus + more news
$15k MRR for Instatus A big congratulations to Ali Salah for reaching $15k MRR with his uptime status tool Instatus. It lets you show users a status page and helps you communicate with users if your app goes down. Nice seeing an indie hacker doing well! Meta launches Threads Mark Zuckerburg has capitalized on the chaos at Twitter to launch a copycat, Threads. At the moment you can only get an account from signing in with your Instagram account. It allows you to import all your Instagram followers although it seems like a lot of people don't use Instagram to follow tech accounts so you might need to start from scratch. There is no desktop app at the moment. Threads has hit 30 million users in 48 hours but is banned in the EU because of all the data it collects from users i.e. browsing history, financial transaction history, health data. Twitter has threatened legal action against Meta Veed launches AI avatars Veed, the online video editing tool, has launched its AI avatar feature. It's pretty mad how quickly things have advanced but now you can pick an AI-generated face, write some text and you now have a video of someone talking for you. For people who are camera shy, this could be a great way of creating YouTube videos! Just write some text and you don't have to show your face on camera. Veed got Product of the Day on Product Hunt with this tool: https://www.producthunt.com/posts/veed-ai-avatars New NextJS template Vercel have released the Platform Starter Kit v.2 which lets you make a multi-tenant site with NextJS https://github.com/vercel/platforms For instance, you might want to make a SaaS where people can choose their own sub domains or custom domains like Noah Bragg did with his Notion-based blogging tool Potion
-
Next.js Weekly #14: Faster Dev Server, Platform Starter Kit v2, Misconceptions about Client Components [👇 all news in comments]
Platforms Starter Kit v2
- Show HN: Multi-tenant SaaS starter kit with custom domains
-
Explain me multi tenant and subdomains in nextjs
Check out Vercel Platform Starter Kit. The main file you want to be looking at is middleware.tsx. I’m working on a saas using subdomains as well so feel free to reach out.
-
Trying to create a website where if users signup will create a subdomain using React JS and Node JS using server less architecture. Any help would be appreciated.
https://vercel.com/guides/nextjs-multi-tenant-application https://github.com/vercel/platforms
- How can we provide a custom domain name for our clients?
What are some alternatives?
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)!
nextacular - An open-source starter kit that will help you build full-stack multi-tenant SaaS platforms efficiently and help you focus on developing your core SaaS features. Built on top of popular and modern technologies such as Next JS, Tailwind, Prisma, and Stripe.
apps - daily.dev application suite
supabase-js - An isomorphic Javascript client for Supabase. Query your Supabase database, subscribe to realtime events, upload and download files, browse typescript examples, invoke postgres functions via rpc, invoke supabase edge functions, query pgvector.
edge-functions
nextjs-subscription-payments - Clone, deploy, and fully customize a SaaS subscription application with Next.js.
developer-portal - Open source repo for the Sitecore Developer Portal (https://developers.sitecore.com)
nafeez.xyz - ⚡ My personal website.
watch-this
briefkasten - 📮 Self hosted bookmarking app
serve - Static file serving and directory listing
Hasura - Blazing fast, instant realtime GraphQL APIs on your DB with fine grained access control, also trigger webhooks on database events.