Card Insights in Gatsby

Shivam Shukla

Card Insights in Gatsby and using schema.org and ARIA

---

Using Technology -

• Gatsby
• HTML
• CSS
• TypeScript
• ReactJS
• Schema.org
• ARIA
• Meta Tag

---

Layout

Card

Grid Card

Checkout the live website here.

---

How the website looks like

---

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: