Overview: Gridsome Starter Wikidata is a boilerplate starter that demonstrates how the Gridsome framework can work seamlessly with an external data source, such as Wikidata. It is actively developed and provides a stable, usable state for building websites. The starter makes use of GitHub actions for continuous integration and deployment and showcases features like a waterfall grid, tagging capabilities, favorite filter function, dark and light mode, and progressive web app capabilities.
Features:
- Uses Wikidata as an external data source
- Enables downloads of external media data
- Makes use of GitHub actions for continuous integration and deployment
- Shows a waterfall grid or masonry grid layout
- Includes tagging capabilities for organization and categorization
- Provides a favorite filter function for easy access to favorite items
- Supports both dark and light modes for customization
- Utilizes CSS variables, SCSS, and BEM for styling
- Supports progressive web app (PWA) capabilities for enhanced user experience
Installation: To install Gridsome Starter Wikidata, follow these steps:
- Install the Gridsome CLI tool globally, if not already installed:
npm install --global @gridsome/cli
- Create a new Gridsome project with the starter:
gridsome create my-gridsome-site https://github.com/hunsalz/gridsome-starter-wikidata.git
- Navigate to the generated project folder:
cd my-gridsome-site
- Start the local development server at http://localhost:8080:
gridsome develop
Summary: Gridsome Starter Wikidata is a versatile boilerplate starter that demonstrates the seamless integration of Gridsome with an external data source, specifically Wikidata. It offers a range of features such as media downloads, GitHub actions for CI/CD, grid layouts, tagging capabilities, favorite filters, dark and light modes, and PWA support. The installation process is straightforward, requiring the installation of the Gridsome CLI tool and cloning the starter repository. With its active development and stable state, Gridsome Starter Wikidata provides a solid foundation for creating websites that leverage the power of Gridsome and external data sources.