All Projects → dominicabela → gatsby-starter-material-ui

dominicabela / gatsby-starter-material-ui

Licence: MIT license
A gatsby starter with Material UI

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects

Projects that are alternatives of or similar to gatsby-starter-material-ui

gatsby-starter-breeze
A Gatsby starter for graceful blogging in Chinese.
Stars: ✭ 44 (+57.14%)
Mutual labels:  gatsbyjs, gatsby-starter
WebSheets-Listing-Page
This is a Gatsby template for creating a catalogue websites based on Google Sheets data.
Stars: ✭ 29 (+3.57%)
Mutual labels:  gatsbyjs, gatsby-starter
gatsby-starter-shopifypwa
💚🛒💚 Bodega is a Shopify PWA using Gatsby JS + Netlify CMS
Stars: ✭ 100 (+257.14%)
Mutual labels:  gatsbyjs, gatsby-starter
gatsby-react-boilerplate
Gatsbyjs boilerplate
Stars: ✭ 59 (+110.71%)
Mutual labels:  gatsbyjs, gatsby-starter
gatsby-starter-antoine
My opinionated Gatsby.js starter
Stars: ✭ 17 (-39.29%)
Mutual labels:  gatsbyjs, gatsby-starter
gatsby-starter-fractal
Gatsby.js V2 starter template based on Fractal by HTML5 UP
Stars: ✭ 19 (-32.14%)
Mutual labels:  gatsbyjs, gatsby-starter
gatsby-wordpress-typescript-scss-blog
Gatsby Wordpress Typescript Blog Boilerplate
Stars: ✭ 50 (+78.57%)
Mutual labels:  gatsbyjs, gatsby-starter
gatsby-starter-prologue
Gatsby.js V2 starter template based on readonly by HTML5 UP
Stars: ✭ 24 (-14.29%)
Mutual labels:  gatsbyjs, gatsby-starter
gatsby-ghost-novela-starter
A Gatsby starter for creating blogs from headless Ghost CMS.
Stars: ✭ 31 (+10.71%)
Mutual labels:  gatsbyjs, gatsby-starter
gatsby-starter-i18n-bulma
A gatsby multilanguage template with bulma and i18n: it is a work in progress...
Stars: ✭ 22 (-21.43%)
Mutual labels:  gatsbyjs, gatsby-starter
gatsby-starter-typescript
Typescript version of the default Gatsby starter. Uses Gatsby v1.x
Stars: ✭ 58 (+107.14%)
Mutual labels:  gatsbyjs, gatsby-starter
gatsby-starter-portfolio-bella
A bright single-page portfolio starter for Gatsby powered by Prismic.io. The target audience are designers and photographers.
Stars: ✭ 125 (+346.43%)
Mutual labels:  gatsbyjs, gatsby-starter
gatsby-starter-devto
A GatsbyJS starter template that leverages the Dev.to API
Stars: ✭ 13 (-53.57%)
Mutual labels:  gatsbyjs, gatsby-starter
gatsby-starter-highlights
Gatsby.js V2 starter template based on highlights by HTML5 UP
Stars: ✭ 15 (-46.43%)
Mutual labels:  gatsbyjs, gatsby-starter
gatsby-starter
Gatsby Starter for creating portfolio & blog.
Stars: ✭ 55 (+96.43%)
Mutual labels:  gatsbyjs, gatsby-starter
gatsby-wiki
Creating a Knowledgbase using Gatsby.js and React.js (see final product ->
Stars: ✭ 32 (+14.29%)
Mutual labels:  gatsbyjs, gatsby-starter
gatsby-starter-bulma-storybook
A minimal Gatsby starter which includes Bulma and Storybook
Stars: ✭ 16 (-42.86%)
Mutual labels:  gatsbyjs, gatsby-starter
gatsby-blog-template
✍️ A GatsbyJS Blog Template for blogging purposes.
Stars: ✭ 38 (+35.71%)
Mutual labels:  gatsbyjs, gatsby-starter
gatsby-contentful-typescript-starter
Gatsby.js starter with TypeScript and Contentful
Stars: ✭ 15 (-46.43%)
Mutual labels:  gatsbyjs, gatsby-starter
gatsby-starter-paradigmshift
Gatsby.js V2 starter template based on Paradigm Shift by HTML5 UP
Stars: ✭ 16 (-42.86%)
Mutual labels:  gatsbyjs, gatsby-starter

Gatsby

Gatsby Material UI Starter

This starter includes Material UI boilerplate and configuration files along with the standard Gatsby configuration files. It provides a starting point for developing Gatsby apps with Material UI.

View the demo app here.

Features

  • Material UI Framework
  • Roboto Typeface (self hosted)
  • SEO
  • Offline Support
  • Based on Gatsby Default Starter

Quick start

  1. Create a Gatsby site.

    Use the Gatsby CLI to create a new site, specifying the default starter.

    # create a new Gatsby site using the Material UI starter
    gatsby new <project-name> https://github.com/dominicabela/gatsby-starter-material-ui
  2. Start developing.

    Navigate into your new site’s directory and start it up.

    cd <project-name>
    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.

    Open the <project-name> directory in your code editor of choice and edit src/pages/index.js. Save your changes and the browser will update in real time!

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].