shadcn/ui
supabase
shadcn/ui | supabase | |
---|---|---|
165 | 775 | |
60,675 | 67,606 | |
5.4% | 2.6% | |
9.1 | 10.0 | |
4 days ago | 4 days ago | |
TypeScript | TypeScript | |
MIT License | Apache License 2.0 |
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.
shadcn/ui
-
Shadcn UI: Must-Have Tools & Resources
A curated list of awesome things related to shadcn/ui
-
Tailwind CSS vs. Shadcn: Which Should You Choose for Your Next Project?
A component library called Shadcn provides pre-made, usable components. Consider it as a toolbox full of interchangeable construction pieces that you can add to your project, such as buttons, cards, and modals.
-
shadcn-ui/ui codebase analysis: examples route explained.
This is how you are able to see the Mail example with out any change in the URL when you visit ui.shadcn.com, it just directly loads MailPage component. Interesting.
- Shadcn/ui codebase analysis: site-header.tsx explained.
-
Shadcn-ui codebase analysis: How is the hero section built on ui.shadcn.com website?
I wanted to find out how the hero section is developed on ui.shadcn.com, so I looked at its source code. Because shadcn-ui is built using app router, the files I was interested in were Layout.tsx and page.tsx.
-
Shadcn-ui codebase analysis: Perfect Next.js dark mode in 2 lines of code with next-themes.
So I wanted to figure out how ui.shadcn.com implemented dark mode on their website. I looked at its source code. These things usually lie in providers.
- “Mail” example in shadcn-ui/ui manages state using Jotai.
-
app/(app) route group in shadcn-ui/ui
You can tell shadcn-ui/ui is built using app router by looking at its folder structure inside apps/www.
-
Mysterious /sink route in ui.shadcn.com
All these folders in the above image are pages that can be navigated to via the header on https://ui.shadcn.com/ website. However, I could not find the header link that points to /sink in the header
-
OpenAI Assistant with NextJS
I assume you know how to create a NextJS project. In this project, I use NextJS with Shadcn UI.
supabase
-
Codd almighty! Has it been half a century of SQL already?
I see it differently. In the 25 years I've been working in this industry I see a welcome trend toward doing more in the database, such that the impedance mismatch dissipates:
https://gist.github.com/cpursley/c8fb81fe8a7e5df038158bdfe0f...
https://supabase.com/
One way to eliminate the Java-SQL impedance (for example) mismatch is to delete Java altogether, along with JOOQ, Hibernate, and Spring (for example).
-
Confidently Incorrect - Recipe Collection App : So far...
My initial, now long abandoned, plan was to use Next/Nuxt to create the front-end and have the back-end be in Python, to allow me to use the recipe-scrapers library, and to use Supabase to organise the database of users and their collection of recipes, and allow the users to enter a list of ingredients and be presented with a selection of recipes from their own curated collection that contained those recipes, allowing people to get some inspiration on what to cook based on the ingredients available to them at the time. Using the recipe-scrapers library, I would have allowed them to enter a URL to add a recipe into their collection, as well as a page displaying all the recipes currently stored in the collection and allow them to delete any they no longer wished to be included. Nothing too crazy, a pretty sweet simple idea, which I would make sure was responsive enough to look good when viewing on a phone.
-
Using Supabase to Store Images in a .NET Application
Step 1: Sign up at supabase.com and create a new project.
-
Good alternatives to Heroku
Subpabase - Like Planetscale this is only for databases. It is an open source Firebase alternative for building secure and performant Postgres backends with minimal configuration.
-
You should start creating a View in Supabase!!
If you are new to postgres or if you are a frontend heavy developer who is currently relying on supabase to have a magic backend appearing out of nowhere, or maybe you are just someone who likes to read stuff and in that case I have something to share with you!
-
Mastering Real-Time Collaboration: Building Figma and Miro-Inspired Features with Supabase
Supabase is a backend as a service visual platform that allows you to create postgres DB with minimum code. Their documentation is so good that it feels like home and you can get your project online in no matter of time.
-
Wasp x Supabase: Smokin’ Hot Full-Stack Combo 🌶️ 🔥
It was a great experience using Supabase’s rock-solid PostgreSQL database for this app. The DX around that product is phenomenal: viewing and managing the DB data was a lifesaver when you don’t want to craft your own admin panel from scratch.
-
How I migrated from Firebase to Supabase
I didn't really give much thought as to which backend I would use. I already had 2 projects in Supabase (BOXCUT & MineWork), but also a few projects in Firebase too. I was more concerned at the time at actually building the product.
-
How to get free Postgres
Sign up for SupaBase: Head over to SupaBase and sign up. Create a new workspace and project with your preferred names.
-
Creating a Pokémon guessing game using Supabase, Drizzle, and Next.js in just 2 hours!
Setting up Supabase Create a new Supabase project, and get the connection string for the database from settings > database.
What are some alternatives?
daisyui - 🌼 🌼 🌼 🌼 🌼 The most popular, free and open-source Tailwind CSS component library
Appwrite - Your backend, minus the hassle.
nextui - 🚀 Beautiful, fast and modern React UI library.
pocketbase - Open Source realtime backend in 1 file
material-ui-docs - ⚠️ Please don't submit PRs here as they will be closed. To edit the docs or source code, please use the main repository:
nhost - The Open Source Firebase Alternative with GraphQL.
flowbite - Open-source UI component library and front-end development framework based on Tailwind CSS
neon - Neon: Serverless Postgres. We separated storage and compute to offer autoscaling, code-like database branching, and scale to zero.
mantine - A fully featured React components library
next-auth - Authentication for the Web.
antd - An enterprise-class UI design language and React UI library
Directus - The Modern Data Stack 🐰 — Directus is an instant REST+GraphQL API and intuitive no-code data collaboration app for any SQL database.