Headless Post Blocks

Generate typeSafe components from WordPress Gutenberg blocks

📋 Table of Contents

1. 🤖 Introduction
2. ⚙️ Tech Stack
3. 🔋 Features
4. 🤸 Quick Start

🤖 Introduction

Simple implementation to generate components from WordPress Gutenberg blocks

⚙️ Tech Stack

• Reactjs
• LazyBlocks
• Aceternity Ui

🤸 Quick Start

Follow these steps to set up the project locally on your machine.

Prerequisites

Make sure you have the following installed on your machine:

• Git
• Node.js
• npm (Node Package Manager)
• Wordpress

Cloning the Repository

git clone https://github.com/islamBelabbes/react-headless-post-blocks.git
cd react-headless-post-blocks

Installation

Install the project dependencies using npm:

npm install

Upload the Wordpress Plugin

Running the Project

npm run dev
Run wordpress env with Local

Install LazyBlocks and create a block with the specific fields , and create a new post with the block Open http://localhost:3000 in your browser to view the project.