logoPeterk.dev

My Link Zone

Demo Project

Overview

A Linktree-style web application built with Next.js and React Server Components, designed to provide users with a customizable landing page where they can showcase and organize multiple links. Deployed seamlessly on Vercel for fast, global performance and powered by Turso as the primary database for scalable and low-latency data storage.


Core Features

  • Customizable Profile Pages

    • Users can create and manage a personal landing page.
    • Add profile images, customizable themes.
  • Link Management

    • CRUD functionality to add, edit, reorder, and delete links.
    • Real-time updates powered by server components.
  • Responsive Design

    • Optimized for both mobile and desktop viewing.
    • Provides a clean, minimal interface inspired by Linktree.
  • Fast Deployment & Hosting

    • Deployed on Vercel for instant builds, previews, and CDN edge delivery.

Tech Stack

Frontend

  • Next.js – Full-stack React framework with server components for fast rendering.
  • React Server Components – Efficient data fetching and rendering on the server.
  • TailwindCSS – Utility-first styling for a customizable and responsive UI.

Backend / Database

  • Turso – Edge database for low-latency queries and storage of user/link data.
  • Drizle ORM - Headless Typescript ORM with Head
  • Next.js Server Components – For secure data operations and link management logic.

Deployment

  • Vercel – Hosting, CI/CD, and global edge deployment.

Additional Tools

  • Git & GitHub – Version control and collaboration.
  • ESLint + Prettier – Code quality and consistent formatting.

Repository & Demo