leerob/image-gallery-supabase-tailwind-nextjs

This repository has been archived on 07/Sep/2024
Stars
216
Rank 183,179 (Top 4 %)
Language
TypeScript
Created over 2 years ago
Updated over 2 years ago

leerob/image-gallery-supabase-tailwind-nextjs

leerob

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Tutorial for building an image gallery with Supabase (Postgres), Tailwind CSS, Next.js, and Vercel.

Image Gallery with Next.js, Supabase, and Tailwind CSS

Learn how to create an image gallery with dynamic content from a PostgreSQL database, with support for content updates without neding to redeploy.

Read the tutorial: https://leerob.io/blog/image-gallery-supabase-tailwind-nextjs

Built With

site

My site built with Next.js, Tailwind, and Vercel.

next-saas-starter

Get started quickly with Next.js, Postgres, Stripe, and shadcn/ui.

next-self-host

An example deploying Next / Postgres / Nginx to a Ubuntu Linux server.

fastfeedback

Easily add user reviews, feedback, and comments to your website in one line of code.

vim-for-react-devs

A bite-sized course to get you quickly productive with Vim.

next-email-client

An email client built with the Next.js App Router and Postgres.

mastering-nextjs

A free video course for building static and server-side rendered applications with Next.js and React.

youtube-to-mp3

⚡️Electron application to convert and download YouTube videos as MP3s

next-music-player

A blazing fast, information dense media player built with Next.js.

nextjs-aws-s3

Example Next.js app to upload photos to an S3 bucket.

react2025

⚛️ Build applications from the the future, today.

nextjs-vercel-firebase

Next.js App Router + Firebase

space-invaders

👾Python clone with a modern twist

daydrink

Find the best drink deals and happy hours in your area.

nextjs-aws-dynamodb

Example Next.js app for CRUD actions in DynamoDB.

nextjs-multiple-domains

Example using SSR to handle multiple domains on the same project.

next-prisma

🚀 Static site with Next.js 9.4 and Prisma.

nextjs-prism-markdown

Example using Prism / Markdown with Next.js including switching syntax highlighting themes.

nextjs-gcp-storage

Example Next.js app to upload photos to a GCP storage bucket.

linktree

Guesstimator

🍻Uses Google, Yelp, and Foursquare APIs to retrieve and rank bars

ncaam

Simple basketball scores and schedules.

facebook-data-analyzer

📊Python script to analyze the contents of your Facebook data export

nextjs-netflix

Live stream where I built netflix.com using Next.js, Tailwind, and Next Auth.

hono-vercel-edge-functions

Vercel Edge Functions + Hono Router + Wasm + Rust

cern-next

30th anniversary of the web, but if it was Next.js + Tailwind.

next-static-export-example

esm

Learn how to use ES Modules with Next.js, including using URL imports to fetch packages from JavaScript CDNs.

notion-api-nextjs

Example of using the Notion API with Next.js.

dsmtech

Tech companies and startups in the Greater Des Moines area.

hono-vercel-ai-sdk

Hono + Vercel AI SDK + OpenAI

next-prisma-starter

Starter project for Next.js + Prisma tutorial.

i18n-example

sveltekit-graphql

Example SvelteKit application on Vercel using the SpaceX GraphQL API.

dart-react-todo

📝Building a todo list with Dart & React from start to finish

next-mapbox-demo

🌎 Creating a non-SSR map component inside a Next.js project.

gatsby-to-nextjs

A starter blog converting Gatsby -> Next.

nextjs-metamorphosis

React Summit 2023

hasura-nextjs-ssr

Next.js application using getServerSideProps with Hasura.

myspace

A nostalgic look at what my MySpace profile (probably) looked like in 2009.

mastering-nextjs-old-site

Previous site containing example MDX blog from the course.

devrel-team

sveltekit-live-stream

Building a basic application with SvelteKit.

dart-create-react-app

🛠Easily create React apps with Dart!

TabSaver

iOS Application written using Swift