Gatsby Theme Simple Bio is an open-source Gatsby theme that generates a single-page personal bio website with a short introduction and links to social profiles. It is published on npm as gatsby-theme-simple-bio and is licensed under the MIT license.
What is Gatsby Theme Simple Bio?
Gatsby Theme Simple Bio is a Gatsby theme for publishing a minimal personal bio page. It accepts site configuration through Gatsby theme options and outputs a static website containing an introduction and social profile links. The theme is developed by sonapraneeth-a and distributed on npm under the MIT license.
Key Features
- Gatsby-based — Built on the Gatsby static site generator, so the output is a fast, pre-rendered HTML site with React under the hood.
- theme-ui styling — Uses theme-ui for styling, allowing theme tokens and consistent design across the bio page.
- Starter included — The repo contains a starter folder so you can clone and run
npm installthengatsby developto get a site running. - Demo site — A demo folder demonstrates the theme in action and can be started with
yarn develop, opening at http://localhost:8000. - Yarn workspaces setup — The repo is configured with Yarn workspaces for theme development, making it easy to iterate on the theme and demo together.
- MIT licensed — Free to use, modify, and distribute under the MIT license.
- npm distribution — Published as
gatsby-theme-simple-bio, so it can be installed as a dependency in any Gatsby project.
Who is it for?
- Freelancers and professionals — Need a quick personal bio page with links to LinkedIn, GitHub, Twitter, and other social profiles.
- Gatsby developers — Want a minimal reference theme to study how to structure a Gatsby theme with a demo and starter.
- Students learning Gatsby — Can use the theme as a starting point for experimenting with Gatsby themes and Yarn workspaces.
What can you do with it?
- Create a personal landing page: Publish a brief introduction and a list of social profile links in under a few minutes by installing the theme or using the starter.
- Develop a custom theme: Use the repo's Yarn workspace structure to modify the theme locally and see changes live in the demo at localhost:8000.
- Learn Gatsby theme architecture: Examine the separation of demo, theme, and starter folders to understand how Gatsby themes are packaged and consumed.
How does it work?
To use the starter, clone the repository, navigate to the starter folder, run npm install, and then gatsby develop. For theme development, clone the repo, run yarn install at the root, and then yarn develop to start the demo site at http://localhost:8000.
FAQ
Is Gatsby Theme Simple Bio free?
Yes, the theme is open source and released under the MIT license, so you can use it for personal or commercial projects without any licensing fees.
How do I install the theme?
You can install the published package from npm with npm install gatsby-theme-simple-bio, or clone the repository and use the included starter in the starter folder.
How do I run the demo during development?
Clone the repository, run yarn install at the root, then run yarn develop. The demo site will be available at http://localhost:8000.
Does the theme show social profile links?
Yes, the theme's purpose is to show a brief introduction and social profiles. The specific social platforms are configured through the theme's options, though the README does not enumerate the supported networks.
