This is a Gatsby starter project for a blog. It's configured to pull blog posts data from Flotiq and can be easily deployed to your cloud hosting - Heroku, Netlify, Gatsby Cloud, etc.
Live Demo: https://flotiq-blog.herokuapp.com/
Screenshot
-
Start the project from template using Flotiq CLI
npm install -g flotiq-cli flotiq start [flotiqApiKey] [projectName] https://github.com/flotiq/gatsby-starter-wordpress-blog
flotiqApKey
- Read and write API key to your Flotiq accountprojectName
- project name or project path (if you wish to start or import data from the current directory - use.
)
-
You can also start the project from template using Gatsby CLI
gatsby new my-blog-starter https://github.com/flotiq/gatsby-starter-wordpress-blog
-
Importing your WordPress blog to Flotiq
Create your Flotiq.com account. Import your blog using our WordPress importer
-
Configure application
The next step is to configure our application to know from where it has to fetch the data.
You need to create a file called
.env
inside the root of the directory, with the following structure:GATSBY_FLOTIQ_API_KEY=YOUR FLOTIQ API KEY
-
Start developing
Navigate into your new site’s directory and start it up.
cd gatsby-starter-wordpress-blog/ npm install gatsby develop
-
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 a project directory in your code editor of choice and edit
src/templates/index.js
. Save your changes and the browser will update in real time! -
Manage your posts using Flotiq editor
You can now easily manage your posts using Flotiq editor
You can deploy this project to Heroku in 3 minutes:
Or to Netlify:
If you wish to talk with us about this project, feel free to hop on our .
If you found a bug, please report it in issues.