Selamat datang di portfolio gue! Ini adalah template clean, cepat, dan ringan yang gue bangun pake Next.js, Vercel, dan Tailwind CSS untuk performa maksimal.
Deploy portfolio ini di Vercel cuma dalam hitungan menit!
- Framework: Next.js
- Tipografi: Vercel Geist Font
- Styling: Tailwind CSS
- Analytics: Vercel Web Analytics dan Speed Insights
- Deployment: Vercel
- MDX Support: Pake Markdown bareng komponen JSX buat blog post.
- Light dan Dark Mode Toggle: Lo bisa ganti tema buat kenyamanan baca.
- Dynamic OG Images: Auto-generate Open Graph images biar keren pas dibagiin.
- SEO Optimization: Tingkatkan visibilitas search dengan sitemap, robots.txt, dan JSON-LD schema.
- Dynamic Feed Generation: Auto-generate feed dinamis buat RSS, Atom, dan JSON.
- KaTeX Integration: Buat render ekspresi matematika dengan smooth.
- Performance Tracking: Pantau performa web dengan Vercel Web Analytics dan Speed Insights.
- Interactive Embeds: Embed tweet dan video YouTube secara interaktif.
- Captions: Tambah caption deskriptif ke foto, tweet, atau video.
- Image Grid: Tampilkan galeri foto atau gambar dengan mudah.
Gue pake pnpm buat dependency management, jadi pastiin lo udah install di sistem lo.
Jalankan create-next-app dengan pnpm buat bootstrap portfolio lo:
pnpm create next-app portfoliyo https://github.com/Y0EL/portfolio.git portfoliyo
Mulai server development:
pnpm dev
Server bakal jalan di http://localhost:3000.
- Update metadata situs dan link sosial di
app/config.tsbuat setup SEO, feed, social links, dan Open Graph settings. - Update routes lo di
app/sitemap.tsbuat optimisasi SEO. - Update blog post lo di folder
/content.
Buat info lebih lanjut tentang konfigurasi, cek Getting Started.
Kontribusi sangat diterima! Lo bisa push kode lo ke repo gue. Apakah lo mau ningkatin fitur yang ada atau nambah yang baru, semua usaha lo sangat gue apresiasi!
Portfolio gue ini open-source dan rilis di bawah MIT License.