LekoArts/gatsby-starter-portfolio-bella

🎨 Portfolio đèn xanh cho designer & photographer — Gatsby + Prismic

Starter portfolio một trang phong cách minimal, dùng Prismic.io làm CMS, tối ưu cho designer và photographer.

Gatsby Starter Portfolio: Bella là starter portfolio dành cho Gatsby, hướng tới nhóm đối tượng là designer và photographer. Starter mang thiết kế trắng tinh, typography và hình ảnh lớn, kết hợp CMS Prismic.io.

Xem demo — Triển khai lên Netlify

✨ Điểm nổi bật

• Typography & hình ảnh to: Trọng lượng thị giác lớn, thích hợp trình bày hình ảnh và danh ngữ.
• Giao diện trắng tinh: Nền trắng, không ràng buộc, để nội dung và hình ảnh tỏa sáng.
• Prismic.io làm CMS: Quản lý nội dung linh hoạt qua Prismic.
• Layout một trang + trang con: Trang chủ one-page, mỗi dự án có trang chi tiết riêng.
• Cấu hình dễ dàng: Chỉnh sửa website.js để cập nhật thông tin và Google Fonts nhanh chóng.
• Emotion + Emotion-Grid: CSS linh hoạt, tối ưu hiệu suất.
• SEO đầy đủ: Hỗ trợ sitemap, Schema.org JSONLD, OpenGraph, Twitter tags.
• Hỗ trợ offline & WebApp Manifest: Trải nghiệm như ứng dụng di động.
• Responsive images: Tự động chọn kích thước ảnh, lazy-loading với traced SVG, hỗ trợ WebP.

💡 Vì sao đáng chú ý

Bella không chỉ là starter portfolio, mà là nền tảng để nhanh chóng tạo ra một trang trình bày cá nhân hoặc dự án cho designer/photographer. Với sự kết hợp giữa Gatsby v2 và Prismic.io, người dùng có thể điều chỉnh nội dung mà không cần chạm tới code. Đặc biệt, starter hỗ trợ SEO mạnh và hiệu năng cao nhờ lazy-loading và responsive images, phù hợp triển khai công khai và chia sẻ công việc.

---

#Gatsby #Prismic #Portfolio #Designer #Photographer #TiniX