https://github.com/pungrumpy/link-in-bio
🔗 Link in bio page for my Instagram profile
https://github.com/pungrumpy/link-in-bio
link-in-bio nextjs tailwindcss typescript
Last synced: 8 months ago
JSON representation
🔗 Link in bio page for my Instagram profile
- Host: GitHub
- URL: https://github.com/pungrumpy/link-in-bio
- Owner: PunGrumpy
- License: bsd-4-clause
- Created: 2022-07-12T04:01:32.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2025-10-02T15:56:09.000Z (8 months ago)
- Last Synced: 2025-10-02T16:23:11.536Z (8 months ago)
- Topics: link-in-bio, nextjs, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://bio.pungrumpy.com
- Size: 103 MB
- Stars: 9
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# ❄️ Link in Bio
💻 Desktop Preview
📱 Mobile Preview
A modern, minimalist personal landing page built with Next.js, TypeScript, and Tailwind CSS.
## ✨ Features
- ⚡️ Next.js 15 with App Router
- 🎨 Tailwind CSS for styling
- 🌙 Dark mode support
- 📱 Fully responsive design
- 🎭 Custom noise overlay effect
- 📊 Analytics integration with LogLib
- ⌨️ Fully typed with TypeScript
- 🎯 SEO optimized
## 🚀 Getting Started
### 📋 Prerequisites
- Node.js 22.0.0 or higher (my space using 23.5.0)
- [PNPM](https://pnpm.io) or [Bun](https://bun.sh) package manager
### ⚙️ Installation
1️⃣ Clone the repository:
```sh
git clone https://github.com/PunGrumpy/link-in-bio.git
cd link-in-bio
```
2️⃣ Install dependencies:
```sh
bun install
# or
pnpm install
```
3️⃣ Create a `.env.local` file:
```sh
# Copy the example file
cp .env.example .env.local
# Edit the .env.local file with your own values
BETTERSTACK_API_KEY=""
BETTERSTACK_URL=""
RYBBIT_ID="" # Optional
```
4️⃣ Run the development server:
```sh
bun dev
# or
pnpm dev
```
### 🛠️ Development Scripts
- `bun dev` - Start development server
- `bun build` - Build for production
- `bun start` - Start production server
- `bun lint` - Run Biome checker
- `bun format` - Run Biome fix
### 💻 Tech Stack
- ⚛️ [Next.js](https://nextjs.org) - A React framework for building server-rendered React applications
- 📘 [TypeScript](https://www.typescriptlang.org) - A superset of JavaScript that compiles to clean JavaScript output
- 🎨 [Tailwind CSS](https://tailwindcss.com) - A utility-first CSS framework for rapidly building custom designs
- 📊 [Rybbit](https://rybbit.io) - A analytics platform for tracking website traffic and engagement
- 🎯 [shadcn/ui](https://ui.shadcn.com) - A library of reusable UI components for building modern web applications
### 📝 License
This project is licensed under the BSD 4-Clause License - see the [LICENSE](LICENSE) file for details.