Giter VIP home page Giter VIP logo

forestry-app's Introduction

Sunnyside

A minimal & somewhat opinionated Gatsby boilerplate.

Basic setup of Gatsby with Forestry.

To get your own version, click the button below.

Import this project into Forestry

Getting Started

For making sure you have everything you need installed, check out the Gatsby beginner tutorial here.

After installing, clone the repository using either the terminal or Github Desktop.

First Setup

After cloning the repo, open your terminal and cd to the directory and run yarn. This will install all the dependencies for the project.

Running Locally

Once that is done, get the site running and live-reloading by running gatsby develop. You're good to go! Your site will be at http://localhost:8000/.

How it's Setup

I like keeping all my content for dynamic pages in the same place, in this case this is in src/content.

Within there it's pretty straightforward, posts folder is where blog posts are, about is a single file, etc. Hopefully it's enough of an example to do whatever you want.

These are all directly hooked up to Forestry and can be edited there.

In order to have that wonderful gatsby-img loading, this starter is using the gatsby-remark-relative-images package. Storing all assets in static/assets/media. This is

Docs & Guides

  • For other Gatsby commands look here.
  • I also strongly recommended the Gatsby tutorial here.
  • For Forestry stuff, check out their docs here.
  • If using Netlify to host your site, simply commit to your site and it will rebuild.
  • If using Github pages, follow the guide here.

Extras

Recommended Tools

Versions

version 1.0.0

Setup and examples of normal pages, and dynamic pages generated from markdown files (in src/pages/content).

forestry-app's People

Contributors

esneko avatar huntercaron avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.