Gatsby UI

Shivam Shukla

Using Technology -

• Gatsby
• Styled Components
• SASS
• TypeScript
• ReactJS
• React-Bootstrap
• Youtube Embed

---

Layout

Navbar (Demo)

Slider (Working)

- Youtube Embed - Using React Bootstrap 
- Accordion - using Styled Components
- Hero   - Using Bootstrap and SASS

Footer (Demo)

Working in Progress ...:computer:

Checkout the live website here.

---

Gatsby minimal TypeScript starter

🚀 Quick start

1. Create a Gatsby site.

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

   # create a new Gatsby site using the minimal TypeScript starter
   npm init gatsby

2. Start developing.

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

   cd my-gatsby-site/
   npm run develop

3. Open the code and start customizing!

   Your site is now running at http://localhost:8000!

   Edit src/pages/index.tsx to see your site update in real-time!

4. Learn more

   • Documentation

   • Tutorials

   • Guides

   • API Reference

   • Plugin Library

   • Cheat Sheet

🚀 Quick start (Gatsby Cloud)

Deploy this starter with one click on Gatsby Cloud: