Skip to content

iamemirshn/Void-Portfolio-Web-Site-Template

⚡️ Void - modern and minimalist portfolio template, centered on black theme. Built with Next.js 15 (App Router), React 19 and Tailwind CSS v4. With ready-made i18n (EN/TR), animated UI and easy configuration layer, you can go live in minutes.

✨ Features ⚡ Fast & Responsive: Optimized for modern devices and network conditions. 🎨 Modern UI/UX: Minimal design, micro-interactions, hover & animation effects. 🌍 Bilingual (EN/TR): Dictionary based infrastructure. 📂 Project Showcase: Projects managed from a single config file. ⚙️ Config-Driven: Profile information, social links, projects → from a single center. 🛡️ Type-Safe: Next.js App Router + TypeScript.

🛠️ Tech Stack Framework: Next.js 15, React 19 Styling: Tailwind CSS v4 UI & Animasyonlar: framer-motion, lucide-react, react-icons Ekstralar: tsparticles (opsiyonel arka plan efektleri) Dil: TypeScript

🚀 Getting Started Prerequisites Node.js 18+ (recommended: 20+) Package manager: npm, yarn, pnpm or bun

Installation

# bağımlılıkları yükle
npm install
# geliştirme sunucusu
npm run dev

👉 then go to http://localhost:3000

📂 Proje Yapısı src/ app/ components/ # UI parçaları (Hero, Projects, About vs.) config/ site.ts # Site config: profil, linkler, projeler i18n/ # Dictionary ve i18n helper'lar layout.tsx # Root layout page.tsx # Ana sayfa public/ images/ # Avatar & proje görselleri

🌍 Internationalization (EN/TR) All texts are in src/app/i18n/dictionaries.ts. You can update about.description, experiences, education and certificates here. To add a new language, expand the Locale type and add it to the dictionary.

📜 Scripts

npm run dev → Development server
npm run build → Production build
npm run start → Production server
npm run lint → ESLint

🎨 Customization Tips Branding: Edit Tailwind classes and global CSS. Animations: customize speed & latencies by changing framer-motion settings. SEO: Add Open Graph and meta tags with Next.js metadata API. Accessibility: use semantic HTML, validate with tools like axe.

Accessibility: use semantic HTML, validate with tools like axe. CONTRIBUTING.md CODE_OF_CONDUCT.md SECURITY.md

About

Next.js portfolio template with minimal black theme. Responsive and modern design, ready for developers.

Resources

License

Code of conduct

Contributing

Security policy

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors