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.
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
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.
| Category | CMS (WordPress, Drupal, etc) | BaaS (Firebase, AWS Amplify, etc) | H:Dev+ |
|---|---|---|---|
| Frontend development | Limited | Free | Free |
| Backend development | Uses plugins | Build it yourself | Not needed |
| Management console | Provided per plugin | Console for backend development | Console per feature |
| Target users | Non-developer focused | Backend developers | Frontend developers |
| Development speed | Fast but limited | Slow (build each feature yourself) | Fast |
| Learning curve | Medium to high | High | Low |
| Server infrastructure | Required | Required | Not 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.