Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mertcanaltin/mert.vercel

my vercel platform
https://github.com/mertcanaltin/mert.vercel

Last synced: 13 days ago
JSON representation

my vercel platform

Awesome Lists containing this project

README 

        


  

    

    
Platforms Starter Kit for MongoDb


  






  The all-in-one starter kit 


  for building platforms on Vercel.






  Introduction ·

  Guide ·

  Demo ·

  Kitchen Sink ·

  Contributing







## Deploy Your Own



[Read the guide](https://vercel.com/guides/nextjs-multi-tenant-application) to learn how to deploy your own version of this template.



## Introduction



Multi-tenant applications serve multiple customers across different subdomains/custom domains with a single unified codebase. 



For example, our demo is a multi-tenant application:



- Subdomain: [demo.vercel.pub](http://demo.vercel.pub)

- Custom domain: [platformize.co](http://platformize.co) (maps to [demo.vercel.pub](http://demo.vercel.pub))

- Build your own: [app.vercel.pub](http://app.vercel.pub)



Another example is [Hashnode](https://vercel.com/customers/hashnode), a popular blogging platform. Each writer has their own unique `.hashnode.dev` subdomain for their blog:



- [eda.hashnode.dev](https://eda.hashnode.dev/)

- [katycodesstuff.hashnode.dev](https://katycodesstuff.hashnode.dev/)

- [pit.hashnode.dev](https://pit.hashnode.dev/)



Users can also map custom domains to their `.hashnode.dev` subdomain:



- [catalins.tech](https://catalins.tech/) → [pit.hashnode.dev](https://pit.hashnode.dev/)



This repository makes it easier than ever for creators to build their own platform.



## Template features



Forget manually setting up CNAME records, wrestling with DNS, or making custom server rewrite rules with NGINX. With Vercel and the Platforms Starter Kit, you can focus on building the next big thing.



- **Custom domains**: Subdomain and custom domains support with [Edge Functions](https://vercel.com/features/edge-functions) and the [Vercel Domains API](https://domains-api.vercel.app/).

- **Static generation with ISR**: Performance without sacrificing personalization, by combining [Incremental Static Regeneration](https://vercel.com/docs/concepts/next.js/incremental-static-regeneration) (ISR) and [Middleware](https://vercel.com/docs/concepts/functions/edge-functions#middleware). ISR allows you to create new content (with custom domains) on demand without needing to redeploy your application.

- **Uploading custom images**: Allow your customers to upload custom thumbnail images with our Cloudinary integration.

- **Static tweets**: Avoid [Cumulative Layout Shift](https://vercel.com/blog/core-web-vitals) (CLS) from the native Twitter embed by using our [static tweets implementation](https://static-tweets-tailwind.vercel.app/) (supports image, video, gif, poll, retweets, quote retweets, and more).



## Examples of platforms



Vercel customers like [Hashnode](https://vercel.com/customers/hashnode), [Super](https://super.so), and [Cal.com](https://cal.com) are building scalable platforms on top of Vercel and Next.js. There are multiple types of platforms you can build with this starter kit:



### 1. Content creation platforms



These are content-heavy platforms (blogs) with simple, standardized page layouts and route structure. 



> “With Vercel, we spend less time managing our infrastructure and more time delivering value to our users.” — Sandeep Panda, Co-founder, Hashnode



1. [Hashnode](https://hashnode.com)

2. [Mirror.xyz](https://mirror.xyz/)

3. [Papyrus.so](https://papyrus.so/)



### 2. Website & e-commerce store builders



No-code site builders with customizable pages. 



By using Next.js and Vercel, [Super](https://super.so/) has fast, globally distributed websites with a no-code editor (Notion). Their customers get all the benefits of Next.js (like [Image Optimization](https://nextjs.org/docs/basic-features/image-optimization)) without touching any code.



1. [Super.so](https://super.so)

2. [Typedream](https://typedream.com)

3. [Makeswift](https://www.makeswift.com/)



### 3. B2B2C platforms



Multi-tenant authentication, login, and access controls.



With Vercel and Next.js, platforms like [Instatus](https://instatus.com) are able to create status pages that are *10x faster* than competitors.



1. [Instatus](https://instatus.com/)

2. [Cal.com](https://cal.com/)

3. [DAO Central](https://daocentral.com/)



## Built on open source



This working demo site was built using the Platforms Starter Kit and:



- [Next.js](https://nextjs.org/) as the React framework

- [Tailwind](https://tailwindcss.com/) for CSS styling

- [Prisma](https://prisma.io/) as the ORM for database access

- [MongoDb](https://mongodb.com/) as the database (MongoDB)

- [NextAuth.js](https://next-auth.js.org/) for authentication

- [Vercel](http://vercel.com/) for deployment



We also have another [example](https://github.com/vercel/examples/tree/main/solutions/platforms-slate-supabase) of the Platforms Starter Kit that uses Supabase for the database and Slate.js for the text editor.



## Contributing



- [Start a discussion](https://github.com/vercel/platforms/discussions) with a question, piece of feedback, or idea you want to share with the team.

- [Open an issue](https://github.com/vercel/platforms/issues) if you believe you've encountered a bug with the starter kit.



## Author



- Mert Can Altin ([@mertcanaltin](https://twitter.com/mecaltin))



## License



The MIT License.



---