How it Works

#​Technologies

cloudflare.style is powered by Gatsby, which is a static-site generator. Majority of the contents of this site is written in MDX, based on Markdown but with the ability to use React components. All these contents then run through Gatsby to generate static HTML files. This page is also written in MDX, and you can find the source code of this page here.

#​Content Structure

All pages of this site situate inside src/pages, no matter it is a MDX file ending with .mdx or a JavaScript file ending with .js. The root of src/pages corresponds to the homepage of this site. In there, there are 2 files. index.js is the actual homepage content, while 404.js serves as a fallback page when the user requests a page that doesn't exist.

By creating a folder with an index.mdx file inside, you have created a new path and page! Hooray 🎉 The new path such as https://cloudflare.style/new-path/ is generated based on the name of the folder. It is a common practice to have URLs in lower case, and use hyphens instead of spaces between words.

Currently, there are 6 folders inside src/pages and they are hardcoded as the main navigation of this site. Please do not create any new folder inside src/pages. If the content you would like to create does not fall under either of those categories, please let us know.