gatsby-starter-blog VS codesandbox-client

Thanks! I used a gatsby starter template. It was quite simple to get one up and running. Here's the link to the repo: https://github.com/gatsbyjs/gatsby-starter-blog/

Here is the teleport to (commit)[https://github.com/gatsbyjs/gatsby-starter-blog/commit/b0d1f7c7dd0b0362925c3998090f77889ca63eca] for devs too busy to read:

robot txt FAQ

If you're interested in that check out the official Gatsby Starter Blog. You'll get fantastic static site generation with perfect search engine optimization: properly set meta tags and microdata, a sitemap, and RSS feed. These are things that are very doable in other frameworks too, but you'll likely have to do a bit more work to get them to Gatsby's starting point.

As a starting point, we'll use Gatsby starter blog to quickly set up our blog. Let's turn this regular Markdown blog to use MDX.

siteMetadata: { title: `Simran's Blog`, author: { name: `Simran Makhija`, summary: `who lives and studies Computer Science in Indore, India.`, }, description: `My blog for sharing all things tech and community, built with GatsbyJS as a part of #100DaysOfCode`, siteUrl: `https://gatsbystarterblogsource.gatsbyjs.io/`, social: { twitter: `justdev_sim`, }, },

gatsby new my-tutorial-site https://github.com/gatsbyjs/gatsby-starter-blog

Next we will spin up a Gatsby instance using their default Gatsby Starter Blog starter. To do this, just go to the folder you want to install in and run:

Please note that this article won't walk you through an example from start to finish but rather explain the concepts behind it. Feel free to clone gatsby-starter-blog and try it yourself after reading this blog post.

If you want to follow the example along, you can install the default blog starter by running gatsby new my-blog https://github.com/gatsbyjs/gatsby-starter-blog with gatsby-cli.

Ok last but not least, Codesandbox. This is a newcomer to online collaborative workspaces which seems much more advanced. Codesandbox.io allows you to create node/npm projects, install packages, setup webpack or bundlers, include frameworks like React or Vue, and code in Typescript or JavaScript. It looks and acts like an IDE (VSCode) in the cloud, allowing shareable projects, not just code snippets.

Sync your projects effortlessly with GitHub. Codesandbox

Use online code editors such as Codesandbox or Stackblitz. They let you focus on writing code rather than dealing with local environment complexities.

For this article, I will be using an online code editor called Codesandbox. You can go ahead and use it as well, you can also create normal React js application on your computer.

{ "openapi": "3.0.0", "info": { "title": "CodeSandbox API", "version": "1.0.0" }, "servers": [{"url": "https://codesandbox.io"}], "paths": { "/api/v1/sandboxes/define?json=1": { "post": { "summary": "Create a new sandbox", "operationId": "Create Sandbox", "requestBody": { "required": true, "content": { "application/json": { "schema": { "type": "object", "properties": { "files": { "type": "object" } }, "required": ["files"], "example": { "files": { "index.js": { "content": "console.log('hello world!');" } } } } } } }, "responses": { "200": { "description": "Sandbox successfully created", "content": { "application/json": { "schema": { "type": "object", "properties": { "sandbox_id": { "type": "string" } } } } } } } } } } }

Create a CodeSandbox;

Start by visiting CodeSandbox's official website.

Alternative: CodePen, CodeSandbox. But in the end, we don't need StackOverflow or any alternative at all to use our brains and analyze the situation. (Further reading: Beyond Googling the Error Message