Gastby Starter v1.0.0

.editorconfig

@@ -0,0 +1,10 @@
+# editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+indent_size = 2
+indent_style = space
+insert_final_newline = true
+trim_trailing_whitespace = true

.env.example

@@ -0,0 +1,2 @@
+BUTTER_CMS_API_KEY=
+BUTTER_CMS_PREVIEW=false

.eslintrc.js

@@ -0,0 +1,6 @@
+module.exports = {
+  globals: {
+    __PATH_PREFIX__: true,
+  },
+  extends: `react-app`,
+}

.gitignore

@@ -0,0 +1,10 @@
+node_modules/
+.cache/
+public
+
+.env*
+!.env.example
+
+.DS_Store
+
+.vercel

.nvmrc

@@ -0,0 +1 @@
+v16

README.md

@@ -0,0 +1,55 @@
+# Gatsby + ButterCMS Starter Project
+
+This Gatsby starter project fully integrates with dynamic sample content from your ButterCMS account, including main menu, pages, blog posts, categories, and tags, all with a beautiful, custom theme with already-implemented search functionality. All of the included sample content is automatically created in your account dashboard when you sign up for a free trial of ButterCMS.
+
+View Live Demo: https://vercel.com/buttercms/gatsbyjs-starter-buttercms-vercel
+
+[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FButterCMS%2Fgatsbyjs-starter-buttercms&env=BUTTER_CMS_API_KEY&envDescription=Your%20ButterCMS%20API%20Token&envLink=https%3A%2F%2Fbuttercms.com%2Fsettings%2F&project-name=gatsbyjs-starter-buttercms&repo-name=gatsbyjs-starter-buttercms&redirect-url=https%3A%2F%2Fbuttercms.com%2Fonboarding%2Fvercel-starter-deploy-callback%2F&production-deploy-hook=Deploy%20Triggered%20from%20ButterCMS&demo-title=ButterCMS%20Gatsby%20Starter&demo-description=Fully%20integrated%20with%20your%20ButterCMS%20account&demo-url=https%3A%2F%2Fgatsbyjs-starter-buttercms.vercel.app%2F&demo-image=https://cdn.buttercms.com/r0tGK8xFRti2iRKBJ0eY&repository-name=gatsbyjs-starter-buttercms)
+
+[Or deploy with Gatsby Cloud](https://www.gatsbyjs.com/dashboard/deploynow?url=https://github.com/ButterCMS/gatsbyjs-starter-buttercms)
+
+## 1. Installation
+
+First, clone the repo and install the dependencies by running `npm install`
+
+```bash
+git clone https://github.com/ButterCMS/gatsbyjs-starter-buttercms.git
+cd gatsbyjs-starter-buttercms
+npm install
+```
+
+### 2. Set API Token
+
+To fetch your ButterCMS content, add your API token as an environment variable.
+
+```bash
+$ echo 'BUTTER_CMS_API_KEY=<Your API Token>' >> .env
+```
+
+### 3. Run local server
+
+To view the app in the browser, you'll need to run the local development server:
+
+```bash
+$ npm run develop
+```
+
+Congratulations! Your starter project is now live at [http://localhost:8000/](http://localhost:8000/).
+
+## 4. Deploy on Vercel or Gatsby Cloud
+
+Deploy your Gatsby app using Vercel, the creators of Next.js, or with Gatsby Cloud. With a single click, you'll create a copy of our starter project in your Git provider account, instantly deploy it, and institute a full content workflow connected to your ButterCMS account. Smooth.
+
+[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FButterCMS%2Fgatsbyjs-starter-buttercms&env=BUTTER_CMS_API_KEY&envDescription=Your%20ButterCMS%20API%20Token&envLink=https%3A%2F%2Fbuttercms.com%2Fsettings%2F&project-name=gatsby-starter-buttercms&repo-name=gatsbyjs-starter-buttercms&redirect-url=https%3A%2F%2Fbuttercms.com%2Fonboarding%2Fvercel-starter-deploy-callback%2F&production-deploy-hook=Deploy%20Triggered%20from%20ButterCMS&demo-title=ButterCMS%20Gatsby%20Starter&demo-description=Fully%20integrated%20with%20your%20ButterCMS%20account&demo-url=https%3A%2F%2Fgatsbyjs-starter-buttercms.vercel.app%2F&demo-image=https://cdn.buttercms.com/r0tGK8xFRti2iRKBJ0eY&repository-name=gatsbyjs-starter-buttercms)
+
+[Or click here to deploy with Gatsby Cloud](https://www.gatsbyjs.com/dashboard/deploynow?url=https://github.com/ButterCMS/gatsbyjs-starter-buttercms)
+
+⚠️ **Don't forget to set the BUTTER_CMS_API_KEY environment variable in Gatsby Cloud.**
+
+### 5. Webhooks
+
+The ButterCMS webhook settings are located at https://buttercms.com/webhooks/
+
+### 6. Previewing Draft Changes
+
+By default, your starter project is set up to allow previewing of draft changes saved in your ButterCMS.com account. To disable this functionality, set the following value in your .env file: BUTTER_CMS_PREVIEW=false

assets/css/lineicons.css

@@ -0,0 +1,211 @@
+/*--------------------------------
+
+*** NOTE: This is not the entire original line icons css file. This is a 
+truncated version that only contains the icons used in the ButterCMS starter
+project. If you wish to use other icons, please replace this file.***
+
+LineIcons Web Font
+Author: lineicons.com
+
+-------------------------------- */
+@font-face {
+  font-family: 'LineIcons';
+  src: url('fonts/LineIcons.eot');
+  src: url('fonts/LineIcons.eot') format('embedded-opentype'), url('fonts/LineIcons.woff2') format('woff2'), url('fonts/LineIcons.woff') format('woff'), url('fonts/LineIcons.ttf') format('truetype'), url('fonts/LineIcons.svg') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+/*------------------------
+	base class definition
+-------------------------*/
+.lni {
+  display: inline-block;
+  font: normal normal normal 1em/1 'LineIcons';
+  color: inherit;
+  flex-shrink: 0;
+  speak: none;
+  text-transform: none;
+  line-height: 1;
+  vertical-align: -.125em;
+  /* Better Font Rendering */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+/*------------------------
+  change icon size
+-------------------------*/
+/* relative units */
+.lni-sm {
+  font-size: 0.8em;
+}
+.lni-lg {
+  font-size: 1.2em;
+}
+/* absolute units */
+.lni-16 {
+  font-size: 16px;
+}
+.lni-32 {
+  font-size: 32px;
+}
+
+/*------------------------
+  spinning icons
+-------------------------*/
+.lni-is-spinning {
+  animation: lni-spin 1s infinite linear;
+}
+@keyframes lni-spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+/*------------------------
+  rotated/flipped icons
+-------------------------*/
+.lni-rotate-90 {
+  transform: rotate(90deg);
+}
+.lni-rotate-180 {
+  transform: rotate(180deg);
+}
+.lni-rotate-270 {
+  transform: rotate(270deg);
+}
+.lni-flip-y {
+  transform: scaleY(-1);
+}
+.lni-flip-x {
+  transform: scaleX(-1);
+}
+/*------------------------
+	icons
+-------------------------*/
+
+.lni-calendar::before {
+  content: "\ea4e";
+}
+
+
+.lni-chevron-down-circle::before {
+  content: "\ea5d";
+}
+
+.lni-chevron-down::before {
+  content: "\ea5e";
+}
+
+.lni-chevron-left-circle::before {
+  content: "\ea5f";
+}
+
+.lni-chevron-left::before {
+  content: "\ea60";
+}
+
+.lni-chevron-right-circle::before {
+  content: "\ea61";
+}
+
+.lni-chevron-right::before {
+  content: "\ea62";
+}
+
+.lni-chevron-up-circle::before {
+  content: "\ea63";
+}
+
+.lni-chevron-up::before {
+  content: "\ea64";
+}
+
+.lni-compass::before {
+  content: "\ea7d";
+}
+
+.lni-display-alt::before {
+  content: "\ea9d";
+}
+
+.lni-display::before {
+  content: "\ea9e";
+}
+
+.lni-facebook-filled::before {
+  content: "\eab5";
+}
+
+.lni-facebook-original::before {
+  content: "\eab7";
+}
+
+.lni-facebook-oval::before {
+  content: "\eab8";
+}
+
+.lni-facebook::before {
+  content: "\eab9";
+}
+
+.lni-grid-alt::before {
+  content: "\eada";
+}
+
+.lni-grid::before {
+  content: "\eadb";
+}
+
+.lni-instagram-filled::before {
+  content: "\eaf8";
+}
+
+.lni-instagram-original::before {
+  content: "\eaf9";
+}
+
+.lni-instagram::before {
+  content: "\eafa";
+}
+
+.lni-layers::before {
+  content: "\eb0d";
+}
+
+.lni-linkedin-original::before {
+  content: "\eb1b";
+}
+
+.lni-linkedin::before {
+  content: "\eb1c";
+}
+
+.lni-quotation::before {
+  content: "\eb6e";
+}
+
+.lni-search-alt::before {
+  content: "\eb85";
+}
+
+.lni-search::before {
+  content: "\eb86";
+}
+
+.lni-tag::before {
+  content: "\ebc5";
+}
+
+.lni-twitter-filled::before {
+  content: "\ebe8";
+}
+
+.lni-twitter-original::before {
+  content: "\ebe9";
+}
+
+.lni-twitter::before {
+  content: "\ebea";
+}