Danial Khakbaz's Social Links

A simplified link portal for Danial Khakbaz's social media profiles, designed with Next.js for easy navigation and quick access.

Project Overview

This project serves as a streamlined platform for social media links, created with Next.js for performance and efficiency.

Table of Contents

• Features
• Technologies Used
• Installation
• Development Scripts
• Folder Structure

Features

• Responsive Design: Mobile-first, fully responsive layout.
• Performance Optimization: Efficient image handling using sharp.
• Fast and Lightweight: Minimal dependencies to maintain speed and simplicity.
• SEO Ready: Basic SEO practices for improved discoverability.

Technologies Used

• Next.js - Framework for server-rendered React applications.
• React - Library for UI development.
• Tailwind CSS - Utility-first CSS framework.
• React Icons - Icon library for consistent iconography.
• ESLint & Prettier - Code formatting and linting.
• Husky - Git hooks for pre-commit linting and formatting.

Installation

To set up this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/Danielkhakbaz/links
   cd portfolio-links

2. Install dependencies:

   yarn

3. Run the development server:

   yarn dev

4. Open http://localhost:3000 in your browser to see the project.

Development Scripts

Here are some helpful scripts to assist in the development and maintenance of this project:

dev: Runs the app in development mode.

build: Compiles the app for production.

start: Starts the production server.

lint: Lints and fixes files using ESLint.

fix: Formats files using Prettier.

check-prettier: Checks the code format without making changes.