What is H:Dev+?

What is H:Dev+?

A backend you can use right away from the frontend with just a few lines of code H:Dev+ is a service with essential backend features such as boards, member management, web forms, and widgets already built in. Operators can easily manage features from a dedicated console, while frontend developers can use data instantly just by defining a data identifier and calling the connector.

This architecture is designed to make the backend easier and faster to use, and its technical originality has been recognized with a registered patent. You can quickly improve the completeness of your service without complex backend development, helping you focus your development resources on more valuable work.

How does it work?

H:Dev+ works according to the following flow.

  • Define a data identifier on the frontend, and define it
  • Call the connector to request that data, and
  • Use the received data instantly on the frontend with no extra work.
The 3 steps to using the H:Dev+ backend

With no complex setup or development process, it is an architecture you can use instantly by defining a data identifier and calling the connector. You can store data simply by defining HTML attributes, and an intuitive management console is provided so that planners and operators can use it easily as well. In addition, a variety of backend features are continuously added, so you can experience an increasingly expanded environment.

Basic Structure
Front-End . View
Data Identifier
Connector
POST/GET
JSON
POST/GET
JSON
Back-End . H:Dev+
Controller
Model
Sample Code
<script setup>
// Step 1 – Define Data Identifier(Request Payload)
const requestData = {
  'dataID':'GET_POST_LIST',
  'board_seq':1,
  'page':1,
  'list_per_page':20,
  'order':'create_date'
}
// Step 2 – Call the Connector
const {output} = await useNuxtApp().$connector(requestData);
</script>
<template>
  <!-- Step 3 – Use the Response Data -->
  <div v-if="output">{{output}}</div>
</template>
<?php
use hdevplus\connector;
$oConnector = new connector($HDP_API_URL, $HDP_SECURE_KEY);

// Step 1 – Define Data Identifier(Request Payload)
$arrRequestData = [
    'dataID'=>'GET_POST_LIST',
    'board_seq'=>1,
    'page'=>1,
    'list_per_page'=>20,
    'order'=>'create_date'
];
// Step 2 – Call the Connector
$output = $oConnector->request($arrRequestData);
?>
<!-- Step 3 – Use the Response Data -->
<div>
    <pre><?php print_r($output); ?></pre>
</div>

How is it different from existing tools?

H:Dev+ is a new approach to the backend that is more flexible than a CMS and faster to use than existing BaaS.

CategoryCMS (WordPress, Drupal, etc)BaaS (Firebase, AWS Amplify, etc)H:Dev+
Frontend developmentLimitedFreeFree
Backend developmentUses pluginsBuild it yourselfNot needed
Management consoleProvided per pluginConsole for backend developmentConsole per feature
Target usersNon-developer focusedBackend developersFrontend developers
Development speedFast but limitedSlow (build each feature yourself)Fast
Learning curveMedium to highHighLow
Server infrastructureRequiredRequiredNot needed

Unlike existing solutions, H:Dev+ provides a new, feature-centered and console-based backend architecture that lets frontend developers write code and operate the service at the same time.

Who should use it?

  • Developers who want to quickly build an MVP with the frontend alone
  • Startup team members handling everything alone, from planning to operations
  • Marketers and planners who want to manage content without development resources

H:Dev+ connects the entire process of planning → implementation → operation into a single flow, providing the freedom to no longer depend on backend development.

Can I start right now?

Of course.
H:Dev+ provides sample code that includes a demo security key, and after signing up and switching to your own security key, you can instantly load the data you defined in the console on the frontend.