Gatsby Starter Emilia is a minimalistic portfolio/photography site that features a masonry grid, page transitions, and large images. It uses the Gatsby Theme @lekoarts/gatsby-theme-emilia.
To install and run the starter, follow these steps:
bun install
bun run developThe site will now be running at http://localhost:8000!
Gatsby Starter Emilia creates a new Gatsby site and configures the @lekoarts/gatsby-theme-emilia theme for you.
New projects are displayed on the index page of the theme and can be added by creating MDX files inside the content/projects folder. Here's a general setup guide:
- Create a new folder inside
content/projects. - Create a new
index.mdxfile and add the frontmatter. - Add images to the folder created in step 1.
- Reference your desired images as your
coverin the frontmatter. - Write your content below the frontmatter (optional).
- Use
deferto opt-in to Deferred Static Generation (DSG) (optional). - Add a
slugto the frontmatter to use a custom slug, e.g.,slug: "/my-slug"(optional).
Here's an example of the frontmatter:
---
cover: './sean-foley-0JD7kvxAq0Y-unsplash.jpg'
date: '2019-09-10'
title: 'Emilia'
defer: false
slug: '/my-slug'
areas:
- Neon
- Lights
---You can add additional content below the frontmatter using MDX. It will be displayed in the header of the project below the date and areas.
To change the "About Me" text, create a file at src/@lekoarts/gatsby-theme-emilia/texts/about-me.mdx and edit the text.
To change the avatar, place an image named avatar inside the content/assets folder (or your custom assetsPath if you defined one for the theme).
The static folder contains icons, social media images, and robots.txt. Make sure to change these files as well!
This project was inspired by Gatsby Starter Portfolio: Emilia by Lennart. Please consider starring his project, sharing it on social media, or supporting him.