Kick off your project with this boilerplate. This starter ships with the main Gatsby configuration files done and all of our componets
-
Create a Gatsby site.
Use the Gatsby CLI to create a new site, specifying the our starter.
# create a new Gatsby site using the the purple + bold starter gatsby new purple_bold https://github.com/daysgobye/p_b_starter
-
Start developing.
Navigate into your new siteβs directory and start it up.
cd purple_bold/ 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 the
purple_bold
directory in your code editor of choice and editsrc/pages/index.js
. Save your changes and the browser will update in real time!
-
layout
: in here you will find a simple nav that you can add your pages to and it will work on mobile right off the bat -
content comp
: this is a component that does a good amount a mobile styling for you import it on every page an put the page inside of it and it will keep your content all the same width and give you some spacing on edgesnap -
ButtonRound: this is a nice button thats round it can be a gatsby link or a normal a tag or run functions on click
-
GoogleMaps
: this is a google map with a link to drections pass it a address and your good to go you can change how it looks with styles from here -
LaxHeadder
: this is a drop in paralax headder pass it a background img and any text you want and your done you can edit the affect in the comp -
Share links
: these do all the work for you when it comes to shareing links pass it a icon from here or any other img and your good to go -
conform
: this is a drop in email form pass it a email and start laying out inputs -
sass files
: base.sass and vars.sass are in and have some base styles in them -
support
: already sass and off line support are in -
helpers
: on the storybook page you will find all of the componets in use and and some helpers at the bottom so you dont have to look them up -
alsomove
: this is a .htaccess file for your hosting you might not need it if so you can delete
check back for jenkiens how to
##uninstall if not using google maps
npm uninstall google-map-react --save
npm uninstall react-geocode --save
LaxHeader
npm uninstall react-parallax --save