An open API service indexing awesome lists of open source software.

https://github.com/adriantoine/writing-blog

Personal writing blog
https://github.com/adriantoine/writing-blog

Last synced: 6 months ago
JSON representation

Personal writing blog

Awesome Lists containing this project

README

          



Gatsby



Gatsby's default starter with TypeScript

The most simple non-opinionated Gatsby starter you will find with TypeScript. I found most Gatsby starters using TypeScript add a lot of library that I don't need and I don't want. This is literally the Gatsby default starter with the TypeScript plugin and all js files converted to `.ts` and `.tsx`.

## πŸš€ Quick start

1. **Create a Gatsby site.**

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

```sh
# create a new Gatsby site using the default starter
gatsby new my-default-starter https://github.com/adriantoine/gatsby-starter-default-typescript
```

1. **Start developing.**

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

```sh
cd my-default-starter/
gatsby develop
```

1. **Open the source code and start editing!**

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

_Note: You'll also see a second link: _`http://localhost:8000/___graphql`_. This is a tool you can use to experiment with querying your data. Learn more about using this tool in the [Gatsby tutorial](https://www.gatsbyjs.org/tutorial/part-five/#introducing-graphiql)._

Open the `my-default-starter` directory in your code editor of choice and edit `src/pages/index.js`. Save your changes and the browser will update in real time!

## πŸŽ“ Learning Gatsby

Looking for more guidance? Full documentation for Gatsby lives [on the website](https://www.gatsbyjs.org/). Here are some places to start:

- **For most developers, we recommend starting with our [in-depth tutorial for creating a site with Gatsby](https://www.gatsbyjs.org/tutorial/).** It starts with zero assumptions about your level of ability and walks through every step of the process.

- **To dive straight into code samples, head [to our documentation](https://www.gatsbyjs.org/docs/).** In particular, check out the _Guides_, _API Reference_, and _Advanced Tutorials_ sections in the sidebar.

## πŸ’« Deploy

[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/adriantoine/gatsby-starter-default-typescript)