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 develop
The 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.mdx
file and add the frontmatter. - Add images to the folder created in step 1.
- Reference your desired images as your
cover
in the frontmatter. - Write your content below the frontmatter (optional).
- Use
defer
to opt-in to Deferred Static Generation (DSG) (optional). - Add a
slug
to 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.