Gatsby Starter Portfolio: Cara
Playful and Colorful One-Page portfolio featuring Parallax effects and animations. Using the Gatsby Theme @lekoarts/gatsby-theme-cara
.
Also be sure to checkout other Free & Open Source Gatsby Themes
โจ Features
- Theme UI-based theming
- react-spring parallax effect
- CSS Animations on Shapes
๐ Getting Started
- Create a Gatsby site.
Use the Gatsby CLI to create a new site, specifying this project
gatsby new project-name https://github.com/LekoArts/gatsby-starter-portfolio-cara
- Start developing.
Navigate into your new site's directory and start it up.
cd project-name
gatsby develop
- Open the code and start customizing!
Your site is now running at http://localhost:8000
!
If you want to learn more about how you can use a Gatsby starter that is configured with a Gatsby theme, you can checkout this shorter or longer tutorial. The tutorials don't exactly apply to this starter however the concepts are the same.
๐ Using and modifying this starter
This starter creates a new Gatsby site that installs and configures the theme @lekoarts/gatsby-theme-cara
.
Please have a look at the theme's README and files to see what options are available and how you can shadow the various components including Theme UI.
๐ Learning Gatsby
Looking for more guidance? Full documentation for Gatsby lives on Gatsby's website.
Themes
- To learn more about Gatsby themes specifically, we recommend checking out the theme docs.
General
-
For most developers, I recommend starting with the in-depth tutorial for creating a site with Gatsby. It starts with zero assumptions about your level of ability and walks through every step of the process.
-
To dive straight into code samples, head to Gatsby's documentation. In particular, check out the Reference Guides and Gatsby API sections in the sidebar.