Personal Portfolio & Blog Website
Portfolio website pribadi Amar Nuruddin (codeamar) yang dibangun dengan Next.js 14 App Router, Supabase, dan Tailwind CSS. Menampilkan profil, blog, project showcase, career timeline, dashboard GitHub stats, dan sistem admin CRUD lengkap. Mendukung dual bahasa (EN/ID) dan dark mode.
Source Code
Pendahuluan
CodeAmar adalah website portfolio pribadi yang dirancang untuk menampilkan identitas profesional sebagai frontend developer. Website ini dibangun dengan arsitektur modern menggunakan Next.js 14 App Router dengan server components dan client components yang terpisah. Menggunakan Supabase sebagai backend untuk menyimpan data blog, project, dan career. Fitur unggulannya termasuk sistem bilingual (Inggris-Indonesia) via custom context provider, dark mode dengan persistence, animasi Framer Motion yang halus, serta admin panel untuk CRUD konten. SEO dioptimalkan dengan JSON-LD structured data (Person, WebSite, Article, SoftwareApplication, BreadcrumbList), dynamic sitemap, dan metadata lengkap untuk Open Graph dan Twitter Cards.
Fitur
Server Components & Client Components terpisah
metadata server-side untuk SEO maksimal
Admin panel
login, CRUD blogs/projects/careers dengan image upload Bilingual EN/ID — custom LanguageProvider context dengan 80+ key tiap bahasa Dark mode — ThemeProvider context, localStorage + cookie persistence, anti-flash inline script
SEO
JSON-LD (Person, WebSite, Article, SoftwareApplication, BreadcrumbList, SiteNavigationElement), sitemap dinamis, robots.txt GitHub integration — contribution chart + stats via GraphQL API Responsive design — mobile-first, sidebar desktop animated (64px → 200px hover)
How to Start this project
1. Clone using git
git clone https://github.com/amarNrddn/code-amar-v2.git2. Install dependencies
npm install3. Run development server
npm run dev