https://github.com/runningdeveloper/gatsby-starter-baseweb
A minimal Gatsby starter based on Base Web from Uber
https://github.com/runningdeveloper/gatsby-starter-baseweb
Last synced: about 1 year ago
JSON representation
A minimal Gatsby starter based on Base Web from Uber
- Host: GitHub
- URL: https://github.com/runningdeveloper/gatsby-starter-baseweb
- Owner: runningdeveloper
- License: mit
- Created: 2020-08-24T10:34:38.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2020-08-24T18:22:59.000Z (almost 6 years ago)
- Last Synced: 2025-01-16T03:43:27.312Z (over 1 year ago)
- Language: JavaScript
- Homepage: https://runningdeveloper.github.io/gatsby-starter-baseweb/
- Size: 2.61 MB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Gatsby Starter Baseweb
A minimal Gatsby starter based on Base Web from Uber.
(I don't work for Uber)
[Demo](https://runningdeveloper.github.io/gatsby-starter-baseweb/)
## Features
- Basic website working with the Base Web famework
### Gatsby extras
A Gatsby Link component wrapped in the baseweb styled link in the components folder. Not sure if this is best way to go about it (let me know if there is a better way).
```
import StyledGatsbyLink from "../components/styledGatsbyLink"
Page 2
```
## 🚀 Quick start
1. **Create a Gatsby site.**
Use the Gatsby CLI to create a new site, specifying the gatsby-starter-baseweb starter.
```shell
# create a new Gatsby site using the hello-world starter
gatsby new my-project https://github.com/gatsbyjs/gatsby-starter-hello-world
```
2. **Start developing.**
Navigate into your new site’s directory and start it up.
```shell
cd my-project/
gatsby develop
```
3. **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](https://www.gatsbyjs.org/tutorial/part-five/#introducing-graphiql)._
Open the `my-project` directory in your code editor of choice and edit `src/pages/index.js`. Save your changes and the browser will update in real time!