This repository contains a redux of The Orange Runner's original website.
Check out a demonstration of this project here.
- Stack: Next.js (Node.js and React) and Contentful
- Next.js: Handles Server Side Rendering (SSR) to improve performance and SEO
- styled-components: Create a polished and flexible component based user interface
- Contentful: Take the stress of content management out of the artist's hands using flexible content models
In 2022, content creators need to provide their audience with content as efficiently as possible. This means building a content management flow that takes publishing content to the world easy, and it means building a platform visible to search engines that will serve that content to users as quickly as possible. By porting an outdated Wordpress blog over to a Next.js, pages rendered on the server side are sent and displayed by the users device in less than a second. Utilizing Contentful, a flexible content management system, code maintenance is taken out of the artists hands to that they can focus on what they do best, publishing beautiful art.
- Read comics about running written and illustrated by The Orange Runner.
- View collections of favorites and related comics.
- Share comics on social media platforms.
- Learn more about the artist and support his work.
✨ Screenshots - Live Demo
-
Paginate using react-cool-inview with these instructions or search pagination with contentful client
-
Get working with TypeScript
-
Actually... we'll statically generate the first 15 or so, then render subsequent loads from the server following these instructions