remixpress icon indicating copy to clipboard operation
remixpress copied to clipboard

✏ RemixPress is a presentation layer built with React, Remix, MUI and GraphQl that works with Wordress as a headless CMS

RemixPress

Overview

Briefly, this is a presentation layer (built with awesome technologies like React, Remix, and GraphQL) that uses WordPress as headless CMS. Initially, I developed it for my website (ahandani.com), however, it can be easily customized and extended to meet your needs.

Features

  • [x] Blog posts
  • [x] Support for any kind of content like Image/Video/Code blocks/Headings/Quote and ... (Demo Page)
  • [x] Pagination
  • [x] Custom page sizes
  • [x] Blog pages
  • [x] Dynamic menus
  • [x] Tags
  • [x] Categories
  • [x] Custom post types
  • [x] Custom taxonomies
  • [x] Comments
  • [x] Tag/Category/Taxonomy archive page
  • [x] SEO meta tags
  • [x] Google tag manager
  • [ ] Pagination for archive pages
  • [ ] Night mode
  • [ ] Audio posts
  • [ ] Search
  • [ ] Related posts
  • [ ] Social media buttons
  • [ ] Next/Prev post link
  • [ ] Translations
  • [ ] RTL languages support

How to make it yours

There will be a couple of blog posts on how to create and customize this blog.

  1. Creating a website with Remix.run, WordPress and GraphQl

Running Locally

$ git clone https://github.com/a-ahandani/ahandani.com.git
$ cd ahandani.com
$ npm i
$ npm run dev

Create a .env file similar to .env.example.

Cloning / Forking

  • Feel free to take inspiration.
  • It is appreciated if you credit the author.