DEV Community

Cover image for I’m Building a Website Builder Tool, and I Created a Simple Placeholder Image Service Along the Way
Mathias Karstädt
Mathias Karstädt

Posted on

2

I’m Building a Website Builder Tool, and I Created a Simple Placeholder Image Service Along the Way

Right now, I’m working on something exciting: my very own website builder tool. The main goal of this tool is to help non-technical users easily create webpages. Most website builders out there require too much technical knowledge, which can be overwhelming for people who aren’t familiar with coding. My tool, called Pagebee.io, will allow users to create pages by selecting from various pre-designed sections, filling them with their own content, and publishing their websites with just a few clicks.

The Idea

As I’ve been building this tool, I’ve spent a lot of time designing different webpage sections. Many of these designs need one or more images in various sizes. At first, I was manually creating placeholder images for these sections, but it quickly became tedious. That’s when I had an idea: wouldn’t it be great if there was a tool that could generate these placeholder images automatically by simply writing a URL with the necessary parameters?

And so, the idea for a simple placeholder image service was born.

How I built it

I sat down and thought about what the URL structure for the API would look like. Once I had a rough idea, I used Cursor with the Cline plugin (formerly known as Claude Dev) to start defining the service. The AI helped me build the basic code for the API, and after several rounds of refinements and optimizations, the API was ready.

Features of the Placeholder Image API

The Landing Page

Next, I used the code as a foundation to create a landing page for the service using Cline. On the landing page, I added examples showing how to use the API, along with sample images that were generated by the API itself. You could say that I used the API to create the content for the API’s own landing page (how meta, right?).

a screenshot of the landingpage

And that’s it! My Simple Placeholder Image Service is now live, and I hope you find it as useful as I do. If you’re working on your own designs and need placeholder images, give it a try. It’s been a huge time-saver for me, and I think it could be for you too!

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

Top comments (0)

Billboard image

Try REST API Generation for Snowflake

DevOps for Private APIs. Automate the building, securing, and documenting of internal/private REST APIs with built-in enterprise security on bare-metal, VMs, or containers.

  • Auto-generated live APIs mapped from Snowflake database schema
  • Interactive Swagger API documentation
  • Scripting engine to customize your API
  • Built-in role-based access control

Learn more

👋 Kindness is contagious

Discover a treasure trove of wisdom within this insightful piece, highly respected in the nurturing DEV Community enviroment. Developers, whether novice or expert, are encouraged to participate and add to our shared knowledge basin.

A simple "thank you" can illuminate someone's day. Express your appreciation in the comments section!

On DEV, sharing ideas smoothens our journey and strengthens our community ties. Learn something useful? Offering a quick thanks to the author is deeply appreciated.

Okay