{"componentChunkName":"component---src-pages-docs-js","path":"/docs/","result":{"data":{"allMarkdownRemark":{"edges":[{"node":{"id":"e58caf4a-bb9e-557e-96e8-4ec546ff7d88","excerpt":"Beluga is open-source, and in-progress. There are many more features that could be built in — pull requests are welcome! If you have questions or feature ideas, please submit a github issue. Recently Added Features Products Inventory count for…","frontmatter":{"date":"2020-01-11T17:12:33.962Z","path":"/docs/changelog","header":"Beluga Next Steps","title":"Changelog & To Do's 📝"}}},{"node":{"id":"2fac7954-5c34-55d9-9525-fd68e9cb66b0","excerpt":"Meta tags are an important tool for helping other people know what your store is about. These tags control the text snippets shown in search engine results, as well as the images and descriptions that are expanded on social media. Generate your tags…","frontmatter":{"date":"2020-01-10T17:12:33.962Z","path":"/docs/seo-social","header":"Launching Your Store","title":"SEO and Social Media 💻"}}},{"node":{"id":"1c12044f-7851-54ab-9fb0-edb8ee0e46a1","excerpt":"Install Heroku CLI The Heroku Command Line Interface (CLI) makes it easy to create and manage your Heroku apps directly from the terminal. It’s an essential part of using Heroku. macOS Windows Download the appropriate installer for your Windows…","frontmatter":{"date":"2020-01-09T17:12:33.962Z","path":"/docs/deploy-to-heroku","header":"Launching Your Store","title":"Deploying To Heroku 🚀"}}},{"node":{"id":"eda55005-f7c1-5229-9784-3e2aab21d998","excerpt":"The Gmail API is a RESTful API that can be used to access Gmail mailboxes and send mail. We will use it to send out corresponding emails to our customers. Developers Console Go to https://console.developers.google.com If you don't have a project, you…","frontmatter":{"date":"2020-01-07T19:12:33.962Z","path":"/docs/gmail-oauth","header":"Managing Orders","title":"Setting up Gmail Oauth2 📬"}}},{"node":{"id":"38339174-9841-5099-b23c-75592cabb8e5","excerpt":"Templated Styling The email templates use Handlebars, and are sent via the package email-templates. Each order status change triggers an email for that status, using the corresponding email template and subject line: The logic for sending emails…","frontmatter":{"date":"2020-01-07T18:12:33.962Z","path":"/docs/email-templates","header":"Managing Orders","title":"Email Templates 🧾"}}},{"node":{"id":"25850d19-6097-5ab5-8578-9309b71598f4","excerpt":"Login Orders can be tracked from the admin dashboard which is accessed via /login. The admin password is saved as an env variable in the file titled config.env. And admin status is saved in a session cookie. Orders The Admin page is divided into four…","frontmatter":{"date":"2020-01-07T16:12:33.962Z","path":"/docs/managing-orders","header":"Managing Orders","title":"Order Admin 📦"}}},{"node":{"id":"fd247496-7db0-5b5e-9037-403d2d7f4ac3","excerpt":"Extending the Product Page The sky's the limit! The beauty of building your own ecommerce site is that you are in full control of the data behind your products. (This is why I created this software in the first place! :) -Rachel) To give you an…","frontmatter":{"date":"2020-01-06T22:12:33.962Z","path":"/docs/custom-products","header":"Store Configuration","title":"Advanced: Custom Product Data 💫"}}},{"node":{"id":"205722d7-90fe-537e-9065-81ceb476ed06","excerpt":"Cart and Checkout Pages The cart and checkout do not require any configuration to set up. For reference, here's what the cart looks like with our example product.  Which flows to the checkout page, which captures the customer's email, shipping…","frontmatter":{"date":"2020-01-06T21:12:33.962Z","path":"/docs/shipping","header":"Store Configuration","title":"Checkout & Shipping 🛒"}}},{"node":{"id":"0d668694-3906-5d03-84ac-078802b76892","excerpt":"About Page The store config view has the option to add an \"About\" page. This link will add a link in the banner to /about, and will display the saved text.  To add images, or change the page layout, you can edit the component directly at src…","frontmatter":{"date":"2020-01-06T20:12:33.962Z","path":"/docs/additional-pages","header":"Store Configuration","title":"Adding Pages 📄"}}},{"node":{"id":"ee722edc-f58a-57f7-a824-5701e5afeaee","excerpt":"Collections Collections are how you will organize the products on your site. Note that this is an optional step, it's entirely possible to have a store with a single or just a handful of products. If you do not add any additional collections, the…","frontmatter":{"date":"2020-01-06T19:12:33.962Z","path":"/docs/adding-collections","header":"Store Configuration","title":"Adding Collections 📂"}}},{"node":{"id":"c7e8b01e-90e3-5923-b8f5-b0c7c7f5c400","excerpt":"Products The default product page, with all information filled out, will look like this:  The site will walk you through adding products to your store, which integrates with the Stripe API. Product IDs and SKU IDs are generated via the stripe API…","frontmatter":{"date":"2020-01-06T18:12:33.962Z","path":"/docs/adding-products","header":"Store Configuration","title":"Adding Products 🎁"}}},{"node":{"id":"abfde7d5-85a3-5c1f-be27-1c8288d01063","excerpt":"Theme Site-wide colors are set in /config?tab=2.  Landing Page The world is your oyster! Open up your landing page at src/Landing.js and get started. This page will load the featured-products collection by default. If you have not defined a Featured…","frontmatter":{"date":"2020-01-06T17:12:33.962Z","path":"/docs/theming-design","header":"Store Configuration","title":"Theming & Design 🎨"}}},{"node":{"id":"e6c0a616-f462-5bce-bd5c-233aec0c4e63","excerpt":"IMPORTANT If you have not configured your config.env file, your store will not run. Please see Creating a New Store. In the initial load of your Store, you will be prompted for the name and Publishable API key of your store.  You can change both of…","frontmatter":{"date":"2020-01-05T16:12:33.962Z","path":"/docs/store-config","header":"Store Configuration","title":"Store Settings 🛠"}}},{"node":{"id":"b8343b3c-97b0-5b56-bc06-3f3943c45876","excerpt":"This project makes use of Stripe Dashboard to keep track of product inventories, and billing. Create Stripe Account You will need to create a Stripe account if you don't already have one. Stripe Keys There are also two types of API keys: publishable…","frontmatter":{"date":"2020-01-04T17:12:33.962Z","path":"/docs/stripe","header":"Introduction","title":"Setting up Stripe 💵"}}},{"node":{"id":"2499e4fe-3ff5-5151-a1fd-64b42fa30bb9","excerpt":"Clone The Repo IMPORTANT: Create your config.env file Open your text editor and create a file titled config.env in the root / directory of the project. Add the the following items: You will need to get your secret API key from Stripe. See Setting Up…","frontmatter":{"date":"2020-01-03T17:12:33.962Z","path":"/docs/new-store","header":"Introduction","title":"Creating a New Store 🛍"}}},{"node":{"id":"4d43a761-607f-5afc-9fc7-6818684049da","excerpt":"A little set-up in, the beginning can save you from some headaches later on! Install Node.js and Yarn for your appropriate operating system. Mac instructions Download and install Homebrew with the instructions. Open your Terminal. Install Xcode…","frontmatter":{"date":"2020-01-02T17:12:33.962Z","path":"/docs/dev-environment","header":"Introduction","title":"Setting up the Dev Environment 🧪"}}},{"node":{"id":"9b292371-8ab9-5013-9716-136ca8bbb06a","excerpt":"This project is structured as a modern, decoupled web application with a sensible service-based architecture. Core Files Physically, the codebase is structured in three main directories: src - Contains the core frontend files. server - Contains the…","frontmatter":{"date":"2020-01-01T17:12:33.962Z","path":"/docs/project-structure","header":"Introduction","title":"Overview of Project Structure 🏗"}}}]}},"pageContext":{}},"staticQueryHashes":["45326706"]}