Vue Templates Logo Vue Templates
Nuxt Linktree screenshot

Nuxt Linktree

Author Avatar Theme by Nurriyad
Updated: 15 Apr 2025
15 Stars

A web app where users can log in and create their own list of links and share them publicly.

Github Live Preview

Categories

Nuxt Tailwind Drizzle orm

Overview

Nuxt LinkTree is a web app designed to allow users to create and share personalized lists of their top 20 items in various categories such as songs, movies, or anime. Built using Nuxt.js version 3, Supabase, Prisma, and Tailwind CSS, this platform offers a range of features to enhance the user experience.

Features

  • Server Side Rendered: Nuxt LinkTree utilizes server side rendering to ensure fast and efficient loading of content.
  • Signin and Signup: Users can create accounts and sign in to access additional features.
  • Reset Password: Forgot your password? Nuxt LinkTree offers a password reset option to help you regain access to your account.
  • Email Verification: To ensure account security, the app includes email verification through unique links.
  • Public Sharing: Users can create lists and share them publicly with other users.
  • Form Validation: Nuxt LinkTree uses vuelidate for form validation, ensuring accurate and valid user input.
  • SEO Friendly: The platform is designed to be search engine optimized, making it easier for users to discover shared lists.
  • Icon and Image Optimization: Nuxt Icon and Nuxt Img are used to provide optimized and visually appealing icons and images.

Installation

To install Nuxt LinkTree, follow these steps:

  1. Ensure you have Node.js 16+ installed on your system.
  2. Clone the repository from GitHub.
  3. Open a terminal and navigate to the project directory.
  4. Run the command npm install to install the necessary dependencies.
  5. Run the command npm run build to build the project.
  6. Your Nuxt LinkTree installation is now complete and ready for use.

Summary

Nuxt LinkTree is a powerful web app that allows users to create and share their personalized top 20 lists in various categories. With its range of features such as server side rendering, user authentication, form validation, and SEO optimization, this platform provides an immersive and enjoyable experience for users. By leveraging Nuxt.js, Supabase, Prisma, and Tailwind CSS, Nuxt LinkTree delivers a robust and efficient solution for list creation and sharing.