Skip to content

Commit

Permalink
Merge branch 'master' into add-webman.pro-site-to-showcase
Browse files Browse the repository at this point in the history
  • Loading branch information
wwwebman authored Jan 1, 2020
2 parents aa490a6 + db8755c commit 4e7b4f3
Show file tree
Hide file tree
Showing 10 changed files with 59 additions and 12 deletions.
32 changes: 32 additions & 0 deletions docs/blog/100days/start-blog/index.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
---
title: Challenge - Track Your Coding Progress with a Blazing Fast Blog
date: 2019-12-31
author: "Hashim Warren"
tags: ["learning-to-code", "contest", "100-Day-of-Gatsby"]
---

_Did you hear the news? Gatsby was named the [#1 new technology to learn in 2020](https://www.cnbc.com/2019/12/02/10-hottest-tech-skills-that-could-pay-off-most-in-2020-says-new-report.html)!_

_To help you learn about Gatsby and our ecosystem, we invite you to take the #100DaysOfGatsby challenge! If you are new to Gatsby, you can follow along with our beginner-friendly weekly prompts. Or if you are familiar with Gatsby and want to go deeper, we invite you to [build your first Gatsby Theme](/docs/themes/building-themes/)._

_Learn more about [#100DaysOfGatsby here](/blog/100days)!_

## Challenge 1: Create a Gatsby Blog from Scratch

Why share all of your ideas with just Reddit and Twitter? Your best writing needs a home - on your very own blog!

This week, let’s get a Gatsby blog up-and-running from scratch. You’ll get practice setting up your local environment, creating new pages from React components, sourcing content from Markdown files, and deploying your site to a host!

If you are new to Node.js or React development, a Gatsby blog is a terrific project to start with.

_Bonus:_ use your new blog to track your #100DaysOfGatsby progress! Research shows that writing about what you learn, or even what you’re struggling with helps you to retain that information, or even discover a solution. So, during your #100DaysOfGatsby journey, we encourage you to use this blog to write about your ups and downs, victories and challenges.

### Challenge Resources

To create your blog, start with our [beginner-focused Gatsby tutorials](/tutorial/) and complete lessons 0-8. Depending on your current skill level, erecting a Gatsby blog make take you an afternoon or a full week (or more) to complete.

If you are already familiar with Gatsbyy's APIs and conventions, and want a more advanced challenge, you can [create a Gatsby theme for your blog](/tutorial/theme-tutorials/).

### What to Do If You Need Help

If you get stuck during the challenge, you can ask for help from the [Gatsby community](https://www.gatsbyjs.org/contributing/community/). You can find fellow Gatsby Developers on [Discord](https://discordapp.com/invite/gatsby), [Reddit](https://www.reddit.com/r/gatsbyjs/), [Spectrum](https://spectrum.chat/gatsby-js), and [Dev](https://dev.to/t/gatsby).
2 changes: 1 addition & 1 deletion docs/contributing/community.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
title: Community
---

As of September 2019, the Gatsby community is comprised of over 2,400 contributors and tens of thousands of developers building both personal and commercial websites on Gatsby.
As of December 2019, the Gatsby community is comprised of over 2,800 contributors and tens of thousands of developers building both personal and commercial websites on Gatsby.

Open source doesn’t always have the best reputation for being friendly and welcoming, and that makes us sad. **Everyone belongs in open source, and Gatsby is dedicated to making you feel welcome.**

Expand Down
6 changes: 3 additions & 3 deletions docs/creators/creators.yml
Original file line number Diff line number Diff line change
Expand Up @@ -199,9 +199,9 @@
- name: Ramón Chancay
type: individual
description: >-
Front-end / Back-end Developer in Guayaquil Ecuador.
Currently at Everymundo.
I enjoy teaching and sharing what I know.
Front-end Engineer in Guayaquil Ecuador.
Currently at Everymundo and Freelancer in other companies.
Fan number 1 of Jamstack, I propose solutions serverless.
I give professional advice to developers and companies.
location: "Guayaquil, Ecuador"
website: "https://ramonchancay.me"
Expand Down
Binary file modified docs/creators/images/ramon-chancay.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
15 changes: 14 additions & 1 deletion docs/sites.yml
Original file line number Diff line number Diff line change
Expand Up @@ -7131,7 +7131,7 @@
featured: false
- title: Recetas El Universo
description: >-
Recipes and videos with the best of Ecuadorian cuisine.
Recipes and videos with the best of Ecuadorian cuisine.
Collectable recipes from Diario El Universo.
main_url: "https://recetas-eu.netlify.com/"
url: "https://recetas-eu.netlify.com/"
Expand Down Expand Up @@ -9069,6 +9069,19 @@
- Marketing
- Design
built_by: João Matos (Global Creative Studio - Education First)
- title: Reeemoter
description: >-
Join thousands of developers from everywhere and access to job
offers from hundreds of companies worldwide right
at your inbox for free.
main_url: "https://reeemoter.com/"
url: "https://reeemoter.com/"
featured: false
categories:
- Technology
- Web Development
built_by: Ramón Chancay
built_by_url: "https://ramonchancay.me/"
- title: webman.pro
main_url: https://webman.pro/
url: https://webman.pro/
Expand Down
2 changes: 1 addition & 1 deletion docs/starters.yml
Original file line number Diff line number Diff line change
Expand Up @@ -2391,7 +2391,7 @@
- Green / Red alert footer on user's answer
- Navigation generated based on the index of each question
- url: https://gatsby-starter-accessibility.netlify.com/
repo: https://github.com/benjamingrobertson/gatsby-starter-accessibility
repo: https://github.com/benrobertsonio/gatsby-starter-accessibility
description: The default Gatsby starter with powerful accessibility tools built-in.
tags:
- Storybook
Expand Down
4 changes: 2 additions & 2 deletions docs/tutorial/part-one/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -328,7 +328,7 @@ After you save the file, you should see the contact page and be able to follow t

<video controls="controls" loop="true">
<source type="video/mp4" src="./10-linking-between-pages.mp4"></source>
<p>Sorry! You browser doesn't support this video.</p>
<p>Sorry! Your browser doesn't support this video.</p>
</video>

The Gatsby `<Link />` component is for linking between pages within your site. For external links to pages not handled by your Gatsby site, use the regular HTML `<a>` tag.
Expand All @@ -337,7 +337,7 @@ The Gatsby `<Link />` component is for linking between pages within your site. F

Gatsby.js is a _modern site generator_, which means there are no servers to setup or complicated databases to deploy. Instead, the Gatsby `build` command produces a directory of static HTML and JavaScript files which you can deploy to a static site hosting service.

Try using [Surge](http://surge.sh/) for deploying your first Gatsby website. Surge is one of many "static site hosts" which make it possible to deploy Gatsby sites.
Try using [Surge](http://surge.sh/) for deploying your first Gatsby website. Surge is one of many "static site hosts" which makes it possible to deploy Gatsby sites.

If you haven't previously installed &amp; set up Surge, open a new terminal window and install their command-line tool:

Expand Down
2 changes: 1 addition & 1 deletion docs/tutorial/part-zero/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -128,7 +128,7 @@ Now you are ready to use the Gatsby CLI tool to create your first Gatsby site. U

<video controls="controls" autoplay="true" loop="true">
<source type="video/mp4" src="./03-create-site.mp4" />
<p>Sorry! You browser doesn't support this video.</p>
<p>Sorry! Your browser doesn't support this video.</p>
</video>

What just happened?
Expand Down
4 changes: 2 additions & 2 deletions examples/using-local-plugins/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ You might also be interested in the docs section on [local plugins](/docs/creati

## Using Gatsby's GraphQL integration layer

This example site is also intended as a direct comparison to the [using-unstructured-data example](../using-unstructured-data), which illustrates how to use an "unstructured data" approach (or, without making use of the GraphQL integration layer).
This example site is also intended as a direct comparison to the [using-gatsby-without-graphql](../using-gatsby-without-graphql), which illustrates how to use an "unstructured data" approach (or, without making use of the GraphQL integration layer).

## Sourcing data using a local plugin

Expand All @@ -16,4 +16,4 @@ This example uses a [local plugin](/docs/loading-plugins-from-your-local-plugins
2. Process that data into Gatsby's node format
3. Use the [`createNode` action](/docs/actions/#createNode) to add the data to Gatsby’s GraphQL layer

The [`gatsby-node.js` file](https://github.com/jlengstorf/gatsby-with-unstructured-data/blob/using-gatsby-data-layer/plugins/gatsby-source-pokeapi/gatsby-node.js) of the local plugin includes detailed comments on the process.
The [`gatsby-node.js` file](./plugins/gatsby-source-pokeapi/gatsby-node.js) of the local plugin includes detailed comments on the process.
4 changes: 3 additions & 1 deletion starters/blog/gatsby-config.js
Original file line number Diff line number Diff line change
Expand Up @@ -66,13 +66,15 @@ module.exports = {
icon: `content/assets/gatsby-icon.png`,
},
},
`gatsby-plugin-offline`,
`gatsby-plugin-react-helmet`,
{
resolve: `gatsby-plugin-typography`,
options: {
pathToConfigModule: `src/utils/typography`,
},
},
// this (optional) plugin enables Progressive Web App + Offline functionality
// To learn more, visit: https://gatsby.dev/offline
// `gatsby-plugin-offline`,
],
}

0 comments on commit 4e7b4f3

Please sign in to comment.