Gatsby Material UI Business Starter

Overview:

The Gatsby Material UI Business Starter is a stripped-down small business starter template that leverages the Material UI React.js framework. It is designed to work seamlessly with Material UI out-of-the-box, making it easy to create beautiful and functional websites. With features like CSS customization, editable contact details and menu items, and easy product management, this starter template provides a solid foundation for building a business website.

Features:

• Material UI React.js Framework: The starter template is built on the popular Material UI React.js framework, ensuring a sleek and up-to-date design.
• Stylus for CSS: Stylus is used for CSS customization, allowing users to easily modify the styles to fit their needs.
• Material Design Icons: The template includes a library of Material Design icons, making it easy to add visually appealing icons to the website.
• Editable Contact Details and Menu Items: Users can easily customize the contact details and menu items by editing the gatsby-config.json file.
• Flexible Product Management: Adding a new product is as simple as creating a new markdown file in the products folder, and it will automatically be included in the website.

Installation:

To install the Gatsby Material UI Business Starter, follow these steps:

1. Clone the repository to your local machine.
2. Navigate to the project directory.
3. Install the dependencies by running the following command:

   npm install
   

4. Customize the contact details and menu items by editing the gatsby-config.json file.
5. To add a new product, create a new markdown file in the products folder.
6. Customize the CSS styles by editing the style.styl file or using Material UI’s withStyles() function within each component.
7. Adjust the theme palette colors by modifying the getPageContext.js file.
8. To build the project for production, use the following command:

   npm run build
   

9. For local development with hot-reloading, use the following command:

   npm run develop
   

Note: It is recommended to use yarn run instead of running gatsby commands directly to avoid any differences between local and global gatsby versions. Refer to the package.json file for corresponding scripts.

Summary:

The Gatsby Material UI Business Starter is a minimalistic template that combines Gatsby, Material UI React.js framework, and Stylus for CSS customization. It provides a streamlined approach to building small business websites, offering easy customization options for contact details, menu items, and product management. With its well-maintained and visually appealing design, this starter template offers a solid foundation for creating beautiful and functional business websites.