• Stars
    star
    193
  • Rank 201,081 (Top 4 %)
  • Language
    TypeScript
  • License
    MIT License
  • Created almost 7 years ago
  • Updated almost 2 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

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

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

More Repositories

1

react-redux-typescript-example

Demonstrating the common patterns when using React, Redux v4, and TypeScript.
TypeScript
586
star
2

thebestmotherfuckingwebsite.co

Source for thebestmotherfuckingwebsite.co
TypeScript
162
star
3

phoenix_react_playground

An example setup for a Phoenix+React project with sensible defaults.
Elixir
81
star
4

Clear-Sans-Webfont

Webfont conversion of the Clear Sans typeface designed by Intel.
CSS
63
star
5

stream-overlays

A set of OBS stream overlays + widgets customised for my Twitch channel.
TypeScript
48
star
6

headless-wordpress-gutenberg-example

Example Headless WordPress setup, powered by Gutenberg. Forked from Postlight's Headless WordPress + React starter kit.
PHP
42
star
7

nextjs-typescript-quickstart

Get started on Next.js with TypeScript in seconds.
TypeScript
35
star
8

resir014.xyz

Source code for resir014.xyz
TypeScript
28
star
9

TMViz

Web-based controller visualisation widget for TrackMania.
TypeScript
25
star
10

nextjs-fluentui-quickstart

Get started on Next.js with Fluent UI in seconds.
TypeScript
14
star
11

screeps

Stonehenge - Smart colony management for the game Screeps. Written in TypeScript.
TypeScript
14
star
12

ajaib-frontend-test

Personal project for Ajaib.co.id frontend test.
TypeScript
14
star
13

remix-typescript-tailwind-quickstart

Get started on Remix with TypeScript and Tailwind CSS in seconds.
TypeScript
12
star
14

telolet

Sekarang kamu bisa telolet di rumah!
CSS
10
star
15

chungking

resir014's personal design system.
TypeScript
9
star
16

stereo

Monorepo for all npm libraries I use personally.
TypeScript
7
star
17

Tumblr-Boilerplate

A base starter kit for developing Tumblr themes.
HTML
7
star
18

nextjs-tailwindcss-quickstart

Get started on Next.js with Tailwind CSS in seconds.
TypeScript
7
star
19

advent-of-code-2019

TypeScript
6
star
20

ahk-luamacros-test

An example of using Luamacros + AutoHotkey with a second keyboard on Windows.
Lua
6
star
21

nextjs-digital-garden-quickstart

Get started building a digital garden on Next.js with TypeScript in seconds.
TypeScript
6
star
22

electron-starter-typescript-plus

Expanded Electron starter for TypeScript, featuring the electron-with-server architecture.
TypeScript
5
star
23

micro-ts-example

An example microservice written in Micro + TypeScript.
TypeScript
5
star
24

electron-with-server-webpack

An example of James Long's electron-with-server example, modified to work with Webpack + Electron Forge.
JavaScript
4
star
25

nextjs-spicy-ui-quickstart

Get started on Next.js with spicy-ui in seconds.
TypeScript
4
star
26

kait

Experiments on React hooks.
TypeScript
4
star
27

gnu-social-status

Monitors the status of popular GNU Social instances.
JavaScript
3
star
28

microfrontends-poc

Microfrontends POC made for Microservice JKT Meetup #3 (18 July 2019)
TypeScript
3
star
29

tdd-nye-clock

TypeScript
3
star
30

generally-tools

Web-based tools for the freeware top-down racing game, GeneRally.
HTML
3
star
31

stars-not-hearts

Replaces the new "like" heart icons on Twitter and TweetDeck with "favorite" star icons.
CSS
3
star
32

is-dan-ticktum-still-in-super-formula

Is Dan Ticktum still in Super Formula?
JavaScript
3
star
33

diet-coke

Simple, no-nonsense image minification command-line tool. Powered by imagemin.
TypeScript
2
star
34

twitch-vtubers-sea

Database of Twitch VTubers from South East Asia.
TypeScript
2
star
35

angular-electron-starter

Angular 4 + Electron development, easier than ever!
TypeScript
2
star
36

codewars-shenanigans

A collection of my CodeWars responses. As seen on my live-coding series on Twitch "Twitch-Driven Development".
TypeScript
2
star
37

slatejs-playground

Playing around with SlateJS!
TypeScript
2
star
38

jakartajs-jan-2018-gatsby

Build Your Next Website with React, GatsbyJS and Netlify
JavaScript
2
star
39

ts-for-js-programmers

TypeScript for JavaScript programmers. [WIP]
TypeScript
2
star
40

wwwidchallenge-2018-feb

WWWID reader as a Progressive Web App. Part of #WWWIDChallenge for February 2018.
TypeScript
2
star
41

electron-react-starter

Yet another starter kit for React & Electron.
JavaScript
1
star
42

resir014-tilde

resir014's tilde page
CSS
1
star
43

screeps-inscribe

A one-size-fits-all toolbox for detailed logging in Screeps.
TypeScript
1
star
44

doitmotherfucker

DO IT MOTHERFUCKER DOT COM
HTML
1
star
45

Stonehenge

Next-generation AI scripts for the game Screeps. Written in TypeScript. (WIP)
TypeScript
1
star
46

deno-quickstart

Get started writing Deno modules in seconds.
TypeScript
1
star
47

moonlight-radio

Source code for the MOONLIGHT website.
CSS
1
star
48

Reliable-Lightweight-CSS-Reset

Introducing the Most Reliable Lightweight CSS Reset™.
JavaScript
1
star
49

moonlight-web-old

[Archived] Source for the MOONLIGHT website.
CSS
1
star
50

Webdev-Toolkit

A simple, easy-to-use web development toolkit, based on Grunt.
CSS
1
star
51

svelte-playground

HTML
1
star
52

twin.macro-playground

twin.macro playground - as seen on my previous Twitch-Driven Development session!
TypeScript
1
star
53

mvws

Minimum Viable Webpack Starter™ - Webpack but with only the bare essentials to get you up and running.
JavaScript
1
star
54

merapi-starter-kit

An example endpoint built using Merapi, the JavaScript framework for microservices made by Kata.ai
TypeScript
1
star
55

sawerialerts

Saweria alerts customizer
TypeScript
1
star
56

npm-spof-test

npm's single point of failure - illustrated.
JavaScript
1
star