- For starting new projects with a bunch of reusable components and styling.
- For quickly mocking up websites for people on too tight of a budget for custom solutions.
- WordPress install on some server + ACF Pro and couple other plugins + preferably Netlify account for convenience.
1. Prepare WordPress install for the backend, then add these plugins:
- For backend management: ACF Pro,
- To be able to use those extra ACF fields: ACF to REST API,
- To be able to use WP native menus: WP REST API Menus,
2. Clone the repo. Doesn’t have to be in wp-content/themes.
3. Modify gatsby-config.js file, namely baseUrl parameter and sourceUrl. Choose protocol according to your WP install. You will need to create a WP menu, and create ACF flexible content block (hero) with image block (image) that contains an image field (img) and WYSIWYG field (content), or just remove this part from templates/page.js query (otherwise it’ll break the build). I’ll provide ready-to-go ACF fields import file once I decide on content model. Skip this step if you want to see the default demo.
4. Run:
npm install
and:
gatsby develop
or:
gatsby build
gatsby serve
5. Edit away!