Why Blocksweb?

Blocksweb empowers developers to deliver workspaces rapidly while providing content marketers with robust tools to manage and control the website, ensuring seamless collaboration and full autonomy for both marketers and developers.

A headless CMS with a visual editor

Headless CMS platforms have revolutionized the way developers build and manage websites. Their flexibility, scalability, and decoupled architecture make them a dream for developers who want full control over the frontend. With APIs and modern frameworks, headless CMS's provide endless possibilities for customization and optimization.

However, this developer-friendly approach often leaves content marketers out in the cold. Unlike traditional CMS's with user-friendly interfaces and WYSIWYG editors, headless CMS's require technical knowledge to structure content and visualize how it will appear. This steep learning curve can be a hurdle for marketers who want to quickly create and update content.

On the other hand, traditional CMS platforms cater to content marketers with intuitive tools and pre-built templates. They excel in usability, allowing marketers to focus solely on content creation without worrying about code. But for developers, traditional CMS's are often a nightmare: rigid structures, poor performance, and limitations on customization make them frustrating to work with.

The trade-off is clear: headless CMS's favor developers, while traditional CMS's lean heavily towards content marketers. Bridging this gap remains one of the biggest challenges in the CMS landscape, sparking innovation for hybrid solutions that aim to combine the best of both worlds.

Creating a new Blocksweb workspace

To get started with Blocksweb you will need to install Nodejs, to download Nodejs for your system. Download Nodejs.

if you already have Nodejs installed you can simply open a new command line and execute the following code

npx create-blocksweb-app@latest

This command will prompt you to enter a name for your workspace (see Figure 1): Figure 1: Project creation prompt

after that run the following command:

cd <your workspace name>

and then install its dependencies, this can take a while...

npm install

when that is done you can start the application using

npm run dev

if the application starts successfully, you should see an output similar to Figure 2:

Figure 2: Blocksweb running with no API key

Open your web browser and navigate to localhost:3000. You should see the sign-in page as shown in Figure 3: Figure 3: Sign-in Page

Thats it! now you have a running version of Blocksweb

Getting an API key

To use Blocksweb you'll need to create an key, this key can be used to connect to the Blocksweb servers. to get an key you can login here