Artyom Loiko Blog ⚡️

My personal website showcasing my projects, blog posts, and professional experience. Built with modern web technologies and best practices.

🚀 Tech Stack

• Framework: Next.js 15 with App Router
• Language: TypeScript
• Styling: Tailwind CSS
• Content: MDX for blog posts
• Animations: Framer Motion & GSAP
• UI Components: Custom components with Radix UI
• Deployment: Vercel
• Analytics: Vercel Analytics & Speed Insights
• Code Quality: ESLint, Prettier, Husky

📂 Project Structure

/src
  /app                 # Next.js App Router pages
    /about             # About page
    /api               # API routes
    /blog              # Blog pages and posts
    /projects          # Projects page
  /components          # Reusable UI components
  /constants           # Constant values and metadata
/public                # Static assets

🔍 Features

• Responsive Design: Optimized for all device sizes
• Dark/Light Mode: Theme toggle with system preference detection
• Blog: MDX-powered blog with code syntax highlighting
• Command Palette: Quick navigation with keyboard shortcuts (⌘+K)
• SEO Optimized: Meta tags, OpenGraph, and structured data
• RSS Feed: Automatically generated feed for blog posts
• Performance: Optimized for Core Web Vitals
• Animations: Smooth page transitions and UI interactions

🛠️ Running Locally

Prerequisites

• Node.js (v18 or higher)
• npm, yarn, or bun (recommended)

Installation

1. Clone this repo

git clone git@github.com:artyomloyko/blog.git

2. Change directory

cd blog

3. Install dependencies

bun install
# or
npm install
# or
yarn install

4. Create a .env.local file following the .env.example

cp .env.example .env.local

5. Add your environment variables to .env.local

NEXT_PUBLIC_VARIABLE=<Your env>
# Add any other required environment variables

6. Run the development server

bun run dev
# or
npm run dev
# or
yarn dev

7. Open http://localhost:3000 in your browser

📝 Adding Content

Blog Posts

Create a new MDX file in src/app/blog/posts with the following frontmatter:

---
title: Your Post Title
publishedAt: 2025-03-01
summary: A brief summary of your post
draft: false
---

Your content here...

🚢 Deployment

This project is configured for easy deployment on Vercel:

1. Push your changes to GitHub
2. Import the repository in Vercel
3. Configure environment variables if needed
4. Deploy!

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

📧 Contact

For any questions or feedback, feel free to reach out:

• Website: artyom.work
• Email: loiko.artyom@gmail.com
• GitHub: @artyomloyko
• LinkedIn: Artyom Loiko