Gatsby Starter Portfolio Emma screenshot

Gatsby Starter Portfolio Emma

Author Avatar Theme by Lekoarts
Updated: 5 May 2025
277 Stars

Minimalistic portfolio with full-width grid, page transitions, support for additional MDX pages, and a focus on large images. Especially designers and/or photographers will love this theme! Built with MDX and Theme UI.

Categories

Overview

This product analysis is for a minimalistic portfolio theme called “@lekoarts/gatsby-theme-emma”. The theme features a full-width grid layout, page transitions, support for additional MDX pages, and a focus on large images. It is built using the Gatsby framework and can be customized using Gatsby Themes and Theme UI. The theme also includes light and dark modes, SEO optimization, and a web app manifest.

Features

  • MDX: The theme supports MDX for creating and displaying content.
  • React-spring page animations: The theme includes page animations using the react-spring library.
  • Optional MDX pages: Additional MDX pages can be added and automatically included in the navigation.
  • Customizable: The theme can be fully customized using Gatsby Themes and Theme UI.
  • Light Mode / Dark Mode: The theme includes support for both light and dark mode.
  • SEO: The theme includes features for SEO optimization such as a sitemap, OpenGraph tags, and Twitter tags.
  • WebApp Manifest: The theme includes a web app manifest for creating a progressive web app.

Installation

To install the “@lekoarts/gatsby-theme-emma” theme, follow these steps:

  1. Create a new Gatsby site using the Gatsby CLI and install dependencies:

    npx gatsby new my-portfolio https://github.com/lekoarts/gatsby-starter-portfolio-emma
    cd my-portfolio
    npm install
    
  2. Navigate to your new project:

    cd my-portfolio
    
  3. Open the code in your preferred code editor and start customizing the site:

    code .
    
  4. Start the development server:

    npm run develop
    

    Your site will now be running at http://localhost:8000.

For more detailed instructions and customization options, please refer to the official documentation.

Summary

The “@lekoarts/gatsby-theme-emma” is a minimalistic portfolio theme built using Gatsby. It features a full-width grid layout, page transitions, and a focus on large images. The theme supports MDX for creating and displaying content, and includes optional MDX pages that can be added to the navigation. It is fully customizable using Gatsby Themes and Theme UI, and includes features such as light and dark modes, SEO optimization, and a web app manifest.