All Projects → kylegalbraith → gatsby-starter-tailwind-seo-social

kylegalbraith / gatsby-starter-tailwind-seo-social

Licence: other
Gatsby starter project styled with Tailwind and configured for social sharing and SEO.

Programming Languages

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

Projects that are alternatives of or similar to gatsby-starter-tailwind-seo-social

Reactive Resume
A one-of-a-kind resume builder that keeps your privacy in mind. Completely secure, customizable, portable, open-source and free forever. Try it out today!
Stars: ✭ 3,280 (+23328.57%)
Mutual labels:  gatsbyjs, tailwindcss
guillaumebriday.fr
✏️ 📖 My personal blog built with Gatsby and Tailwind CSS.
Stars: ✭ 27 (+92.86%)
Mutual labels:  gatsbyjs, tailwindcss
substrate-docs
Substrate Developer Hub. Substrate is powered by best in class cryptographic research and comes with peer to peer networking, consensus mechanisms, and much more.
Stars: ✭ 63 (+350%)
Mutual labels:  gatsbyjs, tailwindcss
react-heroicons
Heroicons as React components
Stars: ✭ 39 (+178.57%)
Mutual labels:  tailwindcss
Batteries-Included-Next.js
A starting boilerplate for a TS Next.js project with batteries included. Tailwind CSS for styling, Jest and React Testing Library working with path aliases and node-mock-http for API route testing.
Stars: ✭ 35 (+150%)
Mutual labels:  tailwindcss
tailwind-colors
Tailwind CSS color configration tool
Stars: ✭ 111 (+692.86%)
Mutual labels:  tailwindcss
tailwind-cascade
Override TailwindCSS classes for component composition
Stars: ✭ 28 (+100%)
Mutual labels:  tailwindcss
notes
Notas sobre JavaScript Full Stack
Stars: ✭ 70 (+400%)
Mutual labels:  tailwindcss
tailwind
🧛🏻‍♂️ Dark theme for Tailwind
Stars: ✭ 25 (+78.57%)
Mutual labels:  tailwindcss
laravel-simple-select
Laravel Simple Select inputs component for Blade and Livewire.
Stars: ✭ 59 (+321.43%)
Mutual labels:  tailwindcss
gatsby-contentful-typescript-starter
Gatsby.js starter with TypeScript and Contentful
Stars: ✭ 15 (+7.14%)
Mutual labels:  gatsbyjs
WebSheets-Listing-Page
This is a Gatsby template for creating a catalogue websites based on Google Sheets data.
Stars: ✭ 29 (+107.14%)
Mutual labels:  gatsbyjs
faeshare
MERN based social media web app made with the help of Next.js, Socket.io and TailwindCSS.
Stars: ✭ 37 (+164.29%)
Mutual labels:  tailwindcss
EddieHubCommunity.github.io
Information about our community
Stars: ✭ 88 (+528.57%)
Mutual labels:  tailwindcss
nuxt-tailwind-purgecss
A Nuxt.js example with Tailwind CSS v1.2 and Purgecss
Stars: ✭ 37 (+164.29%)
Mutual labels:  tailwindcss
blog-page-example
Blog page built with Meraki UI components 🎧.
Stars: ✭ 24 (+71.43%)
Mutual labels:  tailwindcss
tailwindcss-variables
Easily create css variables without the need for a css file!
Stars: ✭ 47 (+235.71%)
Mutual labels:  tailwindcss
hn
💻 A personal Hacker News reader using Next.js
Stars: ✭ 43 (+207.14%)
Mutual labels:  tailwindcss
addtobasic.github.io
CUI Portfolio like ubuntu terminal.
Stars: ✭ 18 (+28.57%)
Mutual labels:  tailwindcss
skin-ui
A Theme UI Live Preview and Code Editor 🎟️
Stars: ✭ 73 (+421.43%)
Mutual labels:  gatsbyjs

[Deprecated] - this project is no longer maintained.

Getting started

Note: This starter project is running the latest version of Gatsby V2 which is still in Beta

  1. Install the gatsby-cli package globally.
npm install --global gatsby-cli
  1. Create a new gatsby project using this starter project.
gatsby new new-blog https://github.com/kylegalbraith/gatsby-starter-tailwind-seo-social
  1. Open src/config/config.js and fill in your information
module.exports = {
    siteTitle: "Your Blog Title",
    shortSiteTitle: "Your Short Blog Title",
    siteDescription: "Your nice blog description",
    siteUrl: "https://blog.kylegalbraith.com",
    pathPrefix: "",
    siteImage: "images/facebook-cover.jpg",
    siteLanguage: "en",
    authorName: "Your Name",
    authorTwitterAccount: "kylegalbraith",
    authorSocialLinks: [
      { name: "github", url: "https://github.com/kylegalbraith" },
      { name: "twitter", url: "https://twitter.com/kylegalbraith" },
      { name: "facebook", url: "http://facebook.com/kyle.galbraith459" }
    ]
  };
  1. Build Tailwind stylesheet and start local Gatsby development server.
cd new-blog
npm run build:css & gatsby develop
  1. Open local development server at localhost:8000 and you should see the following sample.

gatsby-starter-tailwind-seo-social

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].