Linklist

Introduction · Installation · Tech Stack & Features

Introduction

Linklist is a Linktree clone built with Next.js and Tailwind.

Installation

Yarn

git clone git@github.com:gcolombi/linklist.git project-name
cd project-name
yarn install

NPM

git clone git@github.com:gcolombi/linklist.git project-name
cd project-name
npm install

Tech Stack & Features

Framework

• Next.js - React framework for building performant apps with the best developer experience

Language

• TypeScript - TypeScript is a strongly typed programming language that builds on JavaScript, giving you better tooling at any scale

Hosting

• Vercel - Vercel is the platform for frontend developers, providing the speed and reliability innovators need to create at the moment of inspiration

UI

• Tailwind CSS - Tailwind CSS is a utility-first CSS framework to build rapidly modern websites without ever leaving your HTML
• GSAP - GSAP is an industry standard JavaScript animation library from GreenSock that lets you craft high-performance animations that work in every major browser. A great place to get started with GSAP and React is to read GSAP X React, Getting Started with GSAP + React and GSAP + React, Advanced Animation Techniques
• @next/font - Optimize your fonts (including custom fonts) and remove external network requests for improved privacy and performance

Hooks

• useCopyToClipboard - This React hook provides a copy method to save a string in the clipboard and the copied value (default: null)
• useIsomorphicLayoutEffect - A React helper hook to schedule a layout effect with a fallback to a regular effect for environments where layout effects should not be used (such as server-side rendering)
• useLockedScroll - This React hook blocks scrolling on a page, a good example is when opening modals
• useScrollbar - A React helper hook to observe scroll position
• useWindowLocation - This React Hook retrieves window location
• useWindowSize - This React Hook retrives window dimensions also works on resize