All Projects → resir014 → Gatsby Starter Typescript Plus

resir014 / Gatsby Starter Typescript Plus

Licence: mit
A starter kit for TypeScript-based Gatsby projects with sensible defaults.

Programming Languages

typescript
32286 projects

Projects that are alternatives of or similar to Gatsby Starter Typescript Plus

grundgesetz-skeleton
You have a documentation. I turn it into a website. Any questions?
Stars: ✭ 42 (-76.27%)
Mutual labels:  gatsby, starter-kit
Gatsby Starter Alchemy
A Gatsby starter with PostCSS powers ✨🔮
Stars: ✭ 23 (-87.01%)
Mutual labels:  gatsby, starter-kit
Gatsby Blog Starter Kit
A simple starter kit for a static blog created with Gatsby
Stars: ✭ 131 (-25.99%)
Mutual labels:  gatsby, starter-kit
Actions Gh Pages
GitHub Actions for GitHub Pages 🚀 Deploy static files and publish your site easily. Static-Site-Generators-friendly.
Stars: ✭ 2,576 (+1355.37%)
Mutual labels:  gatsby
Gatsby Source Google Docs
Gatsby plugin to use Google Docs as a data source
Stars: ✭ 158 (-10.73%)
Mutual labels:  gatsby
Meli
Platform for deploying static sites and frontend applications easily. Automatic SSL, deploy previews, reverse proxy, and more.
Stars: ✭ 2,125 (+1100.56%)
Mutual labels:  gatsby
Mern
🌐 MERN stack 2.0 - MongoDB, Express, React/Redux, Node
Stars: ✭ 175 (-1.13%)
Mutual labels:  starter-kit
React Native Typescript Boilerplate
React Native Typescript starter kit / template (Redux Thunk + React Native Navigation v7 + TSLint)
Stars: ✭ 155 (-12.43%)
Mutual labels:  starter-kit
Blog
灵魂画手的博客
Stars: ✭ 170 (-3.95%)
Mutual labels:  gatsby
Create React Redux App Structure
Create React + Redux app structure with build configurations ✨
Stars: ✭ 161 (-9.04%)
Mutual labels:  starter-kit
Sentry Docs
The new place for the sentry documentation (and tools to build it)
Stars: ✭ 160 (-9.6%)
Mutual labels:  gatsby
Gatsbyhub
Access everything Gatsby has to offer without ever leaving Visual Studio Code. This VSCode Extension allows you to generate a new Gatsby site using a starter, browse Gatsby plugins, and develop a server all with a click of a button.
Stars: ✭ 158 (-10.73%)
Mutual labels:  gatsby
Rinse React
🚿 Rinse, React, repeat. A boilerplate to build a React component library.
Stars: ✭ 165 (-6.78%)
Mutual labels:  starter-kit
Eleventy Garden
🌱 A starter site for building a mind garden with eleventy
Stars: ✭ 157 (-11.3%)
Mutual labels:  starter-kit
Tsmean
Typescript-mysql-express-angular-node seed for your next web-app!
Stars: ✭ 173 (-2.26%)
Mutual labels:  starter-kit
Gine Blog
Blog = Gatsby + React + Material-UI + Notion + Netlify
Stars: ✭ 156 (-11.86%)
Mutual labels:  gatsby
Blog
Code for my personal blog built with Gatsby
Stars: ✭ 167 (-5.65%)
Mutual labels:  gatsby
Graphql Rails Blog
Blog App built with Rails 5, React and GraphQL
Stars: ✭ 160 (-9.6%)
Mutual labels:  starter-kit
Gatsby Source Sanity
Gatsby source plugin for building websites using Sanity.io as a backend.
Stars: ✭ 160 (-9.6%)
Mutual labels:  gatsby
Express Graphql Typescript Boilerplate
A starter kit for building amazing GraphQL API's with TypeScript and express by @w3tecch
Stars: ✭ 163 (-7.91%)
Mutual labels:  starter-kit

Gatsby

gatsby-starter-typescript-plus

A starter kit for TypeScript-based Gatsby projects with sensible defaults.

This is a starter kit for Gatsby.js websites written in TypeScript. It includes the bare essentials for you to get started (styling, Markdown parsing, minimal toolset).

🗒️ Features

  • TypeScript
  • ESLint (with custom ESLint rules)
  • Markdown rendering with Remark
  • Basic component structure
  • Styling with emotion

🚀 Quick start

A nodejs >= 6.0.0 setup with yarn is recommended.

  1. Create a Gatsby site.

    Install gatsby-cli package globally on your machine.

    # using NPM
    npm install -g gatsby-cli
    
    # using YARN
    yarn global add gatsby-cli
    

    Use the gatsby-cli to create a new site and install its dependencies.

    gatsby new project-name https://github.com/resir014/gatsby-starter-typescript-plus
    
  2. Start developing.

    Move to project's directory.

    cd project-name/
    

    Start your site.

    # using npm
    npm start
    
    # using yarn
    yarn start
    

    Open source code using your favorite IDE/Text editor and navigate to src/ directory, this is where your application live.

  3. Build your application for production.

    Once you're finished, you can make production build of your app using:

    # using npm
    npm run build
    
    # using yarn
    yarn build
    
  4. Deploy your app to Github pages!

    After building your application in step 3, you're ready to publish your app and go online!

    # using npm
    npm run deploy
    
    # using yarn
    yarn deploy
    

❤️ Credits

Built with Gatsby - the blazing-fast static site generator for React.

💫 Deploy

Deploy to Netlify

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