githubEdit

README

Hi 👋, I'm Bryan


Profile viewsGitterarrow-up-right

Netlify Statusarrow-up-right

CodeScene System Masteryarrow-up-right

Demo

Homepage

Technologies used

Global Site Tag Usage Statisticsarrow-up-right - Download List of All Websites using Global Site Tagarrow-up-right

Google's primary tag for Google Measurement/Conversion Tracking, Adwords and DoubleClick.

Google Analytics Usage Statisticsarrow-up-right - Download List of All Websites using Google Analyticsarrow-up-right

Google Analytics offers a host of compelling features and benefits for everyone from senior executives and advertising and marketing professionals to site owners and content developers.

Application Performancearrow-up-right - Audience Measurementarrow-up-right - Visitor Count Trackingarrow-up-right

Google Analytics 4arrow-up-right

Google Analytics 4 Usage Statisticsarrow-up-right - Download List of All Websites using Google Analytics 4arrow-up-right

Google Analytics 4 formerly known as App + Web is a new version of Google Analytics that was released in October 2020.

Widgets

View Global Trendsarrow-up-right

Imgur Usage Statisticsarrow-up-right - Download List of All Websites using Imgurarrow-up-right

The page contains content from image sharing website imgur.

Google Font API Usage Statisticsarrow-up-right - Download List of All Websites using Google Font APIarrow-up-right

The Google Font API helps you add web fonts to any web page.

Fontsarrow-up-right

Google Tag Manager Usage Statisticsarrow-up-right - Download List of All Websites using Google Tag Managerarrow-up-right

Tag management that lets you add and update website tags without changes to underlying website code.

Tag Managementarrow-up-right

Icons8 Usage Statisticsarrow-up-right - Download List of All Websites using Icons8arrow-up-right

Icons, photos and illustrations.

Image Providerarrow-up-right

Lorem Ipsum Usage Statisticsarrow-up-right - Download List of All Websites using Lorem Ipsumarrow-up-right

This website contains the phrase 'lorem ipsum' which means it may have placeholder text.

AddThis Usage Statisticsarrow-up-right - Download List of All Websites using AddThisarrow-up-right

Widgets that allow visitors to save and promote the site.

Social Sharingarrow-up-right - Bookmarkingarrow-up-right

tawk.to Usage Statisticsarrow-up-right - Download List of All Websites using tawk.toarrow-up-right

tawk.to is a free live chat app that lets you monitor and chat with visitors.

Live Chatarrow-up-right

Frameworks

View Global Trendsarrow-up-right

Gatsby JS Usage Statisticsarrow-up-right - Download List of All Websites using Gatsby JSarrow-up-right

Modern website and web apps generator for React.

Mobile

View Global Trendsarrow-up-right

Viewport Meta Usage Statisticsarrow-up-right - Download List of All Websites using Viewport Metaarrow-up-right

This page uses the viewport meta tag which means the content may be optimized for mobile content.

IPhone / Mobile Compatible Usage Statisticsarrow-up-right - Download List of All Websites using IPhone / Mobile Compatiblearrow-up-right

The website contains code that allows the page to support IPhone / Mobile Content.

Apple Mobile Web Clips Icon Usage Statisticsarrow-up-right - Download List of All Websites using Apple Mobile Web Clips Iconarrow-up-right

This page contains an icon for iPhone, iPad and iTouch devices.

Content Delivery Network

View Global Trendsarrow-up-right

AJAX Libraries API Usage Statisticsarrow-up-right - Download List of All Websites using AJAX Libraries APIarrow-up-right

The AJAX Libraries API is a content distribution network and loading architecture for the most popular, open source JavaScript libraries.

jsDelivr Usage Statisticsarrow-up-right - Download List of All Websites using jsDelivrarrow-up-right

A free CDN where Javascript developers can host their files. Encompasses MaxCDN, and BootstrapCDN.

CloudFront Usage Statisticsarrow-up-right - Download List of All Websites using CloudFrontarrow-up-right

Amazon CloudFront is a web service for content delivery. It integrates with other Amazon Web Services to give developers and businesses an easy way to distribute content to end users with low latency, high data transfer speeds, and no commitments.

Content Management System

View Global Trendsarrow-up-right

Netlify Usage Statisticsarrow-up-right - Download List of All Websites using Netlifyarrow-up-right

Netlify is a platform that automates your code to create web sites.

JavaScript Libraries and Functions

View Global Trendsarrow-up-right

Google Hosted Libraries Usage Statisticsarrow-up-right - Download List of All Websites using Google Hosted Librariesarrow-up-right

Google Hosted Libraries is a globally available content distribution network for the most popular, open-source JavaScript libraries.

Google Hosted jQueryarrow-up-right

Google Hosted jQuery Usage Statisticsarrow-up-right - Download List of All Websites using Google Hosted jQueryarrow-up-right

jQuery hoted at Google.

Advertising

View Global Trendsarrow-up-right

Google Adsense Usage Statisticsarrow-up-right - Download List of All Websites using Google Adsensearrow-up-right

A contextual advertising solution for delivering Google AdWords ads that are relevant to site content pages.

Contextual Advertisingarrow-up-right

Google Adsense Asynchronousarrow-up-right

Google Adsense Asynchronous Usage Statisticsarrow-up-right - Download List of All Websites using Google Adsense Asynchronousarrow-up-right

Fully asynchronous version of the AdSense ad code.

Document Encoding

View Global Trendsarrow-up-right

UTF-8 Usage Statisticsarrow-up-right - Download List of All Websites using UTF-8arrow-up-right

UTF-8 (8-bit UCS/Unicode Transformation Format) is a variable-length character encoding for Unicode. It is the preferred encoding for web pages.

Document Standards

View Global Trendsarrow-up-right

HTML5 DocType Usage Statisticsarrow-up-right - Download List of All Websites using HTML5 DocTypearrow-up-right

The DOCTYPE is a required preamble for HTML5 websites.

Cascading Style Sheets Usage Statisticsarrow-up-right - Download List of All Websites using Cascading Style Sheetsarrow-up-right

Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in a markup language. Its most common application is to style web pages written in HTML

Open Graph Protocol Usage Statisticsarrow-up-right - Download List of All Websites using Open Graph Protocolarrow-up-right

The Open Graph protocol enables any web page to become a rich object in a social graph, a open protocol supported by Facebook

Twitter Cards Usage Statisticsarrow-up-right - Download List of All Websites using Twitter Cardsarrow-up-right

Twitter cards make it possible for you to attach media experiences to Tweets that link to your content.

Javascript Usage Statisticsarrow-up-right - Download List of All Websites using Javascriptarrow-up-right

JavaScript is a scripting language most often used for client-side web development.

IFrame Usage Statisticsarrow-up-right - Download List of All Websites using IFramearrow-up-right

The page shows content with an iframe; an embedded frame that loads another webpage.

Font Face Rule Usage Statisticsarrow-up-right - Download List of All Websites using Font Face Rulearrow-up-right

The @font-face rule allows for linking to fonts that are automatically activated when needed.

X-UA-Compatible Usage Statisticsarrow-up-right - Download List of All Websites using X-UA-Compatiblearrow-up-right

Allows a website to define how a page is rendered in Internet Explorer 8, allowing a website to decide to use IE7 style rendering over IE8 rendering.

Meta Keywords Usage Statisticsarrow-up-right - Download List of All Websites using Meta Keywordsarrow-up-right

Meta tag containing keywords related to the page.

Meta Description Usage Statisticsarrow-up-right - Download List of All Websites using Meta Descriptionarrow-up-right

The description attribute provides a concise explanation of the page content.

HTML 5 Specific Tags Usage Statisticsarrow-up-right - Download List of All Websites using HTML 5 Specific Tagsarrow-up-right

This page contains tags that are specific to an HTML 5 implementation.

WAI-ARIA Usage Statisticsarrow-up-right - Download List of All Websites using WAI-ARIAarrow-up-right

A way to make Web content and Web applications more accessible to people with disabilities. It especially helps with dynamic content and advanced user interface controls developed with Ajax, HTML, JavaScript, and related technologies.

Strict Transport Security Usage Statisticsarrow-up-right - Download List of All Websites using Strict Transport Securityarrow-up-right

The HTTP Strict-Transport-Security (HSTS) header instructs the browser to only use https.

HSTS Usage Statisticsarrow-up-right - Download List of All Websites using HSTSarrow-up-right

Forces browsers to only communicate with the site using HTTPS.

HSTS IncludeSubdomains PreLoad Usage Statisticsarrow-up-right - Download List of All Websites using HSTS IncludeSubdomains PreLoadarrow-up-right

This website includes instructions for HSTS loading that would allow it to be submitted to the HSTS preload list.

Web Master Registration

View Global Trendsarrow-up-right

Google Webmaster Usage Statisticsarrow-up-right - Download List of All Websites using Google Webmasterarrow-up-right

Webmaster tools provide you with a free and easy way to make your site more Google-friendly.

Content Delivery Network

View Global Trendsarrow-up-right

Content Delivery Network Usage Statisticsarrow-up-right - Download List of All Websites using Content Delivery Networkarrow-up-right

This page contains links that give the impression that some of the site contents are stored on a content delivery network.

Docs Structure


Sitemap

Sitemap



Try it out without cloning the entire repo

stackblitz demo hosted on firebasearrow-up-right

Blog



🚀 Quick start

  1. Create a Gatsby site.

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

  2. Start developing.

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

  3. 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 tutorialarrow-up-right.

    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!

🧐 What's inside?

A quick look at the top-level files and directories you'll see in a Gatsby project.

  1. /node_modules: This directory contains all of the modules of code that your project depends on (npm packages) are automatically installed.

  2. /src: This directory will contain all of the code related to what you will see on the front-end of your site (what you see in the browser) such as your site header or a page template. src is a convention for "source code".

  3. .gitignore: This file tells git which files it should not track / not maintain a version history for.

  4. .prettierrc: This is a configuration file for Prettierarrow-up-right. Prettier is a tool to help keep the formatting of your code consistent.

  5. gatsby-browser.js: This file is where Gatsby expects to find any usage of the Gatsby browser APIsarrow-up-right (if any). These allow customization/extension of default Gatsby settings affecting the browser.

  6. gatsby-config.js: This is the main configuration file for a Gatsby site. This is where you can specify information about your site (metadata) like the site title and description, which Gatsby plugins you'd like to include, etc. (Check out the config docsarrow-up-right for more detail).

  7. gatsby-node.js: This file is where Gatsby expects to find any usage of the Gatsby Node APIsarrow-up-right (if any). These allow customization/extension of default Gatsby settings affecting pieces of the site build process.

  8. gatsby-ssr.js: This file is where Gatsby expects to find any usage of the Gatsby server-side rendering APIsarrow-up-right (if any). These allow customization of default Gatsby settings affecting server-side rendering.

  9. LICENSE: This Gatsby starter is licensed under the 0BSD license. This means that you can see this file as a placeholder and replace it with your own license.

  10. package-lock.json (See package.json below, first). This is an automatically generated file based on the exact versions of your npm dependencies that were installed for your project. (You won't change this file directly).

  11. package.json: A manifest file for Node.js projects, which includes things like metadata (the project's name, author, etc). This manifest is how npm knows which packages to install for your project.

  12. README.md: A text file containing useful reference information about your project.

🎓 Learning Gatsby

Looking for more guidance? Full documentation for Gatsby lives on the websitearrow-up-right. Here are some places to start:

💫 Deploy

Deploy to Netlifyarrow-up-right

Deploy with Vercelarrow-up-right



Codebase


Components

chevron-righthashtag

Last updated

Was this helpful?