rwieruch/gatsby-mdx-blog-starter-project

Stars
265
Rank 154,577 (Top 4 %)
Language
JavaScript
License
MIT License
Created about 6 years ago
Updated over 2 years ago

rwieruch/gatsby-mdx-blog-starter-project

rwieruch

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Gatsby MDX Blog Starter Project

Gatsby.js MDX Blog Starter Project

A starter project in Gatsby.js with MDX to render React components in Markdown. Used by:

Features

MDX: JavaScript/React in Markdown
- see /content/blog/mdx-example
Prism.js: Syntax Highlighting
Pagination
Categories
External Dependencies (e.g. YouTube Player in MDX)

Setup

git clone [email protected]:rwieruch/gatsby-mdx-blog-starter-project.git
cd gatsby-mdx-blog-starter-project
npm install
gatsby develop
visit http://localhost:8000

Setup via Gatsby CLI

gatsby new gatsby-mdx-blog-starter-project [email protected]:rwieruch/gatsby-mdx-blog-starter-project.git
cd gatsby-mdx-blog-starter-project
npm install
gatsby develop
visit http://localhost:8000

favesound-redux

🎶 A SoundCloud Client in React + Redux running in production. Live Demo and Source Code to explore React + Redux as a beginner.

minimal-react-webpack-babel-setup

The minimal React, Webpack, Babel Setup. You want to get beyond create-react-app?

nextjs-firebase-authentication

Next.js + Firebase Starter

purchasing-power-parity

💫 Make your products affordable for everyone around the world.

favesound-mobx

🎶 A SoundCloud Client in React + MobX running in production. Live Demo and Source Code to explore React + MobX. Refactored from favesound-redux

blog_robinwieruch_content

✏️ Content of robinwieruch.de - Write guest blog posts or improve the content. Your help means a lot to me.

react-redux-soundcloud

📚 Learn React + Redux by building a SoundCloud Client. Full tutorial included. Source Code for main tutorial but also extensions included.

react-express-stripe

💰 Minimal Boilerplate for Stripe used in React and Express. Charge payments from your customers with this project.

advanced-react-webpack-babel-setup

The advanced React, Webpack, Babel Setup. You want to get beyond create-react-app?

minimal-node-application

Basic Node Babel Server

node-express-server-rest-api

Basic Node with Express Server with REST API

node-express-postgresql-server

Basic Node with Express + PostgreSQL Server

road-beyond-react-app

🌈 The Road beyond React - Thing you can use after learning plain React.js

open-crowd-fund

🐣 Your open source solution to crowd fund your ideas. Powered by Gatsby.js.

react-mobx-soundcloud

The SoundCloud Client in React + MobX - Boilerplate

node-express-mongodb-server

Basic Node with Express + MongoDB Server

parcel-react

📦🚀 A minimal React.js boilerplate project with parcel as bundler.

react-data-fetching

Showcase on how to perform data fetching in React

react-micro-frontend-example

One approach for a micro frontend in React.

web-components-starter-kit

Starter Kit for Web Components with Webpack as application bundler.

the-road-to-react-with-firebase

The Road to React with Firebase: Your journey to master Firebase in React

why-frameworks-matter

Why vanilla JavaScript isn't used for large applications

react-example-paginated-list-infinite-scroll

Follow a React tutorial series with three parts to build a powerful component in React.

node-express-server

Basic Node with Express Server

visual-regression-testing-react-storybook

Visual Regression Testing in React with Storybook

react-i18n-example

React i18n Example with react-i18next

web-components-dropdown

Dropdown built as Web Componment.

react-library

Boilerplate for open sourcing a React library

minimal-webpack-babel-setup

Minimal project setup for a JavaScript project running with Webpack and Babel.

react-redux-tutorial-starter-kit

Starter kit application for the React Redux tutorial for beginners

minimal-webpack-setup

Minimal project setup for a JavaScript project running with Webpack.

webpack-advanced-setup

Advanced Webpack setup for a JavaScript projects for frontend applications.

fullstack-express-mongodb-boilerplate

javascript-reducer

Demonstrating the concept of Reducers in JavaScript.

node-js-jest

How to setup testing for Node.js with Jest.

react-firebase-authentication-chat

Authentication with Firebase in a React Chat Application

react-provider-pattern

Follow a React tutorial to learn and implement the provider pattern in React.

next-forms

The Road to Next

next-authentication

The Road to Next

react-apollo-async-testing

A lightweight way to test your Mutation and Query components in React Apollo (react-apollo).

github-webhook-automatic-blog-deployment

GitHub Webhook which runs for all my Blogs

minimal-react-webpack-babel-svg-setup

How to use SVG in React with Webpack.

react-making-impossible-views-impossible

React UI State: An example to make impossible views impossible.

node-testing-mocha-chai

How to setup testing for Node.js with Mocha and Chai.

javascript-closure

A Closure in JavaScript by Example

reisebuero-bergfelde.de

Gatsby Starter Project for Small Businesses

trpc-openapi-example

tRPC with Open API (Hacker News Edition)

react-webpack-babel-sophisticated

A React in Webpack and Babel Setup.

react-svg-patterns

How to use SVG patterns as background in a React application

Pipelinr

Real-Time Visualization of Big Data - Master Thesis of Robin Wieruch - 2014

redux-table

Rich table component build with redux and react. It provides interactions like sort, filter, pagination and selection.

next-server-actions

The Road to Next

hugo-minimal

next-prisma-sqlite

The Road to Next

D3-Brushing-With-Statistics

This example calculates statistics for values in a line chart. The result gets drawn as lines and text. After a brushing interaction the result gets updated.

blog_iamliesa_content

✏️ Content of iamliesa.com - Write guest blog posts or improve the content. Your help means a lot to me.

react-ui-states-example

Two React dropdown components which are dependent on each other

the-road-to-next

react-router-shared-components

react-router-shared-components

jest-react-profiler-example

Example for https://github.com/bvaughn/jest-react-profiler

small-multiples-on-angular

Small Multiples Visualization in D3 and Angular

D3-On-Angular-Fisheye-Plugin

react-no-scroll-page

React Full Page Layout only with Inline Scroll

npm-profile-api

How to use NPM's profile API

repetitive-personal-things

Things I need for my own work which are used at several places. Single source of truth!

node-chrome-graphicsmagick

https://hub.docker.com/r/rwieruch/node-chrome-graphicsmagick

d3-on-angular-seed

Seed Project for D3 on Angular

ladda-react-example

Images-Scatterplot

ShowreelsFrontend

ShowreelsBackend

synchronized-array-shuffle

synchronized shuffling for arrays

knowlegde

node-package-open-source-starter

Open source boilerplate project for Node projects.

examples

workshop-27042020

workshop-22042020

workshop-22042020

rwieruch

react-desktop-first-responsive-design-example

A desktop first responsive design showcase for React with styled-components

Augmented-Reality-App-Backend

The backend for an augmented reality android app which makes employee collaboration with virtual notes in a real room possible.