React Templates & Themes Logo React Templates & Themes
Ericwu.me screenshot

Ericwu.me

Author Avatar Theme by Itsericwu
Updated: 23 May 2025
335 Stars

Next.js 14 personal website with a Notion-powered blog and Bento-inspired design, styled with TailwindCSS and NextUI.

Github Live Preview

Categories

Nextjs Tailwind Firebase

Overview:

The personal website, ericwu.me, is built using Next.js 14 and features a blog powered by the Notion API acting as a content management system (CMS). The website’s design is inspired by Nev Flynn’s Bento design, emphasizing simplicity and user-friendly interfaces.

Features:

  • Next.js 14: Leverages the latest features of Next.js for quick rendering and effective SEO optimization.
  • Notion API Integration: Utilizes Notion as a headless CMS to dynamically manage and retrieve blog content.
  • Responsive Bento Design: Customizes design principles from Bento design to create a unique and functional layout.

Installation:

  1. Clone the repository: git clone <repository_url>
  2. Install dependencies: Run npm install or yarn install in the project directory.
  3. Set up environment variables:
    • Create a .env.local file in the root directory.
    • Add the necessary variables.

Summary:

The personal website, ericwu.me, built using Next.js 14 and Notion API, showcases a sleek design inspired by Bento principles. With its focus on fast rendering, dynamic content management, and responsive design, the website provides a user-friendly experience for visitors. Deployable on various platforms, this website offers a seamless way to share content and engage with audiences.