Gatsby Starter Portfolio: Cara is a playful and colorful one-page portfolio starter designed for designers and photographers, built with MDX and Theme UI. This starter leverages the @lekoarts/gatsby-theme-cara theme to provide a visually engaging experience with parallax effects and CSS animations on shapes.
Key Features:
- Theme UI-based Theming: Easily customize the look and feel using Theme UI.
- React-Spring Parallax Effect: Dynamic and smooth parallax scrolling for an immersive user experience.
- CSS Animations on Shapes: Adds a playful and modern touch with animated graphical elements.
- MDX Content Management: Define your portfolio content using Markdown with JSX components for flexible and powerful content creation.
Quick Start: You can deploy this starter with one click on Netlify, or get started locally using the Gatsby CLI:
npx gatsby new gatsby-starter-portfolio-cara https://github.com/LekoArts/gatsby-starter-portfolio-cara
cd gatsby-starter-portfolio-cara
npm run developYour site will be running at http://localhost:8000.
Usage and Customization:
This starter is built on a Gatsby theme, allowing for extensive customization through "shadowing". To modify the theme, place your custom files in src/@lekoarts/gatsby-theme-cara/. The Theme UI configuration can be adjusted by shadowing files in src/gatsby-plugin-theme-ui/. Content is managed via intro.mdx, projects.mdx, about.mdx, and contact.mdx files, which can be overridden to suit your needs. Remember to update the static folder with your own icons, social media images, and robots.txt for proper branding and SEO.
For further learning, Gatsby's official documentation provides in-depth tutorials on creating sites and using themes. If you encounter specific issues with this project, the GitHub Discussions for gatsby-themes are a great resource. The project encourages community engagement and support through GitHub Sponsors.
