Skip to content
Building upon Gatsby's blog starter with a Lunr.js powered Site Search. https://gatsby-starter-blog-with-lunr.netlify.com/
Branch: master
Clone or download
Latest commit 6924c27 Jun 11, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
content Update Bio component with info on new project May 27, 2019
src Use lodash.debounce instead of lodash Jun 11, 2019
static Install Gatsby's blog starter Apr 26, 2019
.gitignore Install Gatsby's blog starter Apr 26, 2019
.prettierrc
LICENSE feat(search): debounce search input Jun 10, 2019
README.md Fork from gatsby-starter-blog May 27, 2019
gatsby-browser.js Install Gatsby's blog starter Apr 26, 2019
gatsby-config.js Run prettier against Search components Jun 10, 2019
gatsby-node.js Install Gatsby's blog starter Apr 26, 2019
package.json Use lodash.debounce instead of lodash Jun 11, 2019
yarn.lock Use lodash.debounce instead of lodash Jun 11, 2019

README.md

🌒 Gatsby 🌒

Gatsby starter blog with Lunr.js site search

This project is intended in part as a both a learning piece in order to understand how Lunr.js works, but also as a fully functional blog starter with additional site search functionality baked in from the get go.

This project is a fork of Gatsby's official starter blog.

🚀 Quick start

  1. Create a Gatsby site.

    Use the Gatsby CLI to create a new site, specifying the blog starter.

    # create a new Gatsby site using the blog starter
    gatsby new my-blog-starter https://github.com/lukewhitehouse/gatsby-starter-blog-with-lunr
  2. Start developing.

    Navigate into your new site’s directory and start it up.

    cd my-blog-starter/
    gatsby develop
  3. Open the source code and start editing!

    Your site is now running at http://localhost:8000!

    Note: You'll also see a second link: http://localhost:8000/___graphql. This is a tool you can use to experiment with querying your data. Learn more about using this tool in the Gatsby tutorial.

    Open the my-blog-starter directory in your code editor of choice and edit src/pages/index.js. Save your changes and the browser will update in real time!

🌒 Using Lunr.js

As part of this project, a blog post named Gatsby Site Search with Lunr.js was created in order to fork the project from scratch with Gatsby's starter blog. I would recommend reading that to get yourself aquanted.

Aside from that, Lunr also has some great documentation to help you extend the base functionality found in this project moving forward.

💫 Deploy

Deploy to Netlify

You can’t perform that action at this time.