Skip to content

A Supabase landing page clone showcasing modern front-end development skills. Built with Next.js 13, TypeScript, Radix UI, shadcn, and Tailwind CSS. Features responsive design, accessible UI components, and optimized performance. Demonstrates proficiency in component-based architecture and cutting-edge web technologies.

Notifications You must be signed in to change notification settings

KrinalSojitra21/supabase-clone-landingpage

Repository files navigation

Supabase Clone

This project is a clone of the Supabase landing page, built with modern web technologies. It showcases a responsive and visually appealing design, demonstrating proficiency in front-end development and UI/UX principles.

Features ✨

  • Responsive Design: Ensures a seamless experience across various devices and screen sizes.
  • Modern UI Components: Utilizes Radix UI and shadcn for sleek, accessible UI elements.
  • Type-Safe Development: Leverages TypeScript for enhanced code quality and developer experience.
  • Customizable Styling: Employs Tailwind CSS for flexible and efficient styling.
  • Code Quality Tools: Integrates ESLint and Prettier for consistent code formatting and quality.
  • Optimized Performance: Built on Next.js 13 for optimal loading speeds and SEO benefits.

Tech Stack 💻

This Supabase clone landing page is built using the following technologies:

  • Next.js 13: A React framework for building efficient and scalable web applications.
  • TypeScript: Adds static typing to JavaScript, enhancing code quality and developer productivity.
  • Radix UI: Provides a set of accessible and customizable UI primitives.
  • shadcn: A collection of re-usable components built with Radix UI and Tailwind CSS.
  • Tailwind CSS: A utility-first CSS framework for rapid UI development.
  • ESLint: A tool for identifying and reporting on patterns in JavaScript/TypeScript.
  • Prettier: An opinionated code formatter ensuring consistent code style.
  • clsx: A tiny utility for constructing className strings conditionally.
  • tailwind-merge: A utility function to efficiently merge Tailwind CSS classes.

Click here to visit the live demo website.

About

A Supabase landing page clone showcasing modern front-end development skills. Built with Next.js 13, TypeScript, Radix UI, shadcn, and Tailwind CSS. Features responsive design, accessible UI components, and optimized performance. Demonstrates proficiency in component-based architecture and cutting-edge web technologies.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published