All Starters
gatsby-starter-portfolio-emilia
Install with gatsby-cli
npx gatsby new gatsby-starter-portfolio-emilia https://github.com/LekoArts/gatsby-starter-portfolio-emilia
![Screenshot of gatsby-starter-portfolio-emilia](/_gatsby/image/ea7b9b4f56200693b7cc87da3cea53d8/2e7fc325240477c8cbf48e89b884c66f/acad9987f07bc5dbfab81daf0e82795e.png?eu=dd7ccc778d4c4fdb7788a0f417489b86c8a48afbbe7c0cf8100b8c663970799043bfd74f452d1705912da06089eda3da0fecf7df21f72a57aa8ddb26c73f858fdd8c47611250cd9595dd66c66f8bff0ddd77f5b736b96c695cd6915e9d303a751e665274a382f9e538616efbaae285bd92a86c7e57707d6087641ad28904ddd767eb083fde3541234aa2393bf970966b779091618a7a7b3514da338bcbba91a5c04a12&a=w%3D720%26h%3D540%26fm%3Dpng%26q%3D75&cd=37191d4527fe98cac8c11665b6e95501)
A portfolio starter for Gatsby. The target audience are designers and photographers. The dark-themed website shows your work with large images in a grid-layout (powered by CSS Grid). The transition effects on the header add a playful touch to the overall minimal design. The website has programmatically created pages for your projects (with automatic image import). General settings and colors can be changed in a config & theme file.
- Focus on big images (with gatsby-image)
- Dark Theme with HeroPatterns Header
- CSS Grid and styled-components
- Page transitions
- Cypress for End-to-End testing
- react-spring animations
- One-Page layout with sub-pages for projects
- Create your projects in MDX (automatic import of images)
- And other good stuff (SEO, Offline Support, WebApp Manifest Support)
Tags
CSS-in-JS, Linting, MDX, Portfolio, PWA, Testing, Transitions, v4-ga