Tailwind Resources Logo Tailwind Resources
Yc_directory screenshot

Yc_directory

Author Avatar Theme by Adrianhajdin
Updated: 29 Oct 2024
852 Stars

This project showcases the latest features of Next.js 15, including Next.js Form for seamless client-side form submissions, Unstable After for background tasks, Server Component HMR Cache for faster development, and Partial Prerendering for performance optimization.

Github Live Preview

Categories

Nextjs React Styled components Sanity

Overview

This product analysis focuses on a Next.js platform designed for entrepreneurs to submit startup ideas for virtual pitch competitions. The platform allows users to browse pitches, gain exposure, and features a clean minimalistic design for a smooth user experience. The tech stack includes React 19, Next.js 15, Sanity, TailwindCSS, ShadCN, and TypeScript.

Features

  • Live Content API: Displays the latest startup ideas dynamically on the homepage using Sanity’s Content API.
  • GitHub Authentication: Allows users to log in easily using their GitHub account.
  • Pitch Submission: Users can submit startup ideas with title, description, category, and multimedia links.
  • View Pitches: Browse through submitted ideas with filtering options by category.
  • Pitch Details Page: Users can view detailed information of each pitch, including multimedia and description.
  • Profile Page: Users can access the list of pitches they have submitted.
  • Editor Picks: Admins can highlight top startup ideas with the “Editor Picks” feature managed via Sanity Studio.
  • Views Counter: Tracks the number of views for each pitch.
  • Search Functionality: Enables efficient loading and viewing of pitches.
  • Minimalistic Design: Features a fresh and simple UI with essential pages for ease of use and a clean aesthetic.

Installation

  1. Prerequisites:
    • Ensure Git, Node.js, and npm (Node Package Manager) are installed on your machine.
  2. Cloning the Repository:
    git clone <repository-url>
cd <repository-folder>
  3. Installation:
    npm install
  4. Set Up Environment Variables:
    • Create a file named .env.local in the project root and add Sanity credentials.
  5. Running the Project:
    • Open http://localhost:3000 in your browser.

Summary

This product analysis examined a Next.js platform tailored for entrepreneurs to engage in virtual pitch competitions. With features like live content API, GitHub authentication, pitch submission, and minimalistic design, the platform offers an interactive user experience. By following the installation guide, users can set up the project locally and explore its functionalities efficiently.