--- title: "Hatchify: The Fastest Way to Build JSON:APIs" description: Learn how to use Hatchify to swiftly build and customize JSON:APIs. Say goodbye to CRUD API boilerplate with Hatchify's JSON:API implementation. image: https://www.bitovi.com/hubfs/Hatchify-the-fastest-way-to-build-jsonapis.png --- - ![AI implementation](https://www.bitovi.com/hubfs/AIConsultingIcon.svg) [AI implementation](https://www.bitovi.com/services/ai-consulting) - ![Systems engineering](https://www.bitovi.com/hubfs/icon%20-%20backend.svg) [Systems engineering](https://www.bitovi.com/services/systems-engineering-consulting) - ![Project Management](https://www.bitovi.com/hubfs/icon%20-%20PM.svg) [Project Management](https://www.bitovi.com/services/agile-project-management-consulting) - ![Product Design](https://www.bitovi.com/hubfs/icon%20-%20design.svg) [Product Design](https://www.bitovi.com/services/product-design-consulting) - ![Frontend development](https://www.bitovi.com/hubfs/icon%20-%20frontend.svg) [Frontend development](https://www.bitovi.com/services/frontend-development-consulting) - [View more → ](https://www.bitovi.com/digital-consulting-services) We're Experts in... - [JavaScript](https://www.bitovi.com/services/frontend/javascript-consulting) - [AI training](https://www.bitovi.com/ai-training-for-software-engineers) - [Angular](https://www.bitovi.com/services/frontend/angular-consulting) - [Design systems](https://www.bitovi.com/services/axure-figma-migration) - [React](https://www.bitovi.com/services/frontend/react-consulting) - [Temporal](https://www.bitovi.com/services/backend/temporal-consulting) - [React Native](https://www.bitovi.com/services/frontend/react-consulting/react-native) - [Node.js](https://www.bitovi.com/services/backend/nodejs-consulting) Showcase ![Yum! Brands](https://www.bitovi.com/hubfs/yum-showcase-link-1.png) [View case study](https://www.bitovi.com/en/bitovi-yum-case-study) More Projects - [![Levi's](https://www.bitovi.com/hubfs/levis.svg)](https://www.bitovi.com/web-application-consulting-work/levis-ecommerce-responsive-redesign) - [![Christie's International Real Estate](https://www.bitovi.com/hubfs/christies.svg)](https://design.bitovi.com/christies) - [![BAFS](https://www.bitovi.com/hubfs/bafs.svg)](https://www.bitovi.com/ux-design-consulting/ux-case-studies/bafs-ppp) - [View more → ](https://www.bitovi.com/our-software-consulting-work) Open Source Tools We build powerful tools and open source them to support the community. [See what we've built →](https://www.bitovi.com/open-source) - [![Blog](https://www.bitovi.com/hubfs/icon%20-%20blog.svg) BlogWe post about delivering products and solving problems. ](https://www.bitovi.com/blog) - [![Partnerships](https://www.bitovi.com/hubfs/Handshake-1.svg) PartnershipsLearn about Bitovi's technology partners ](https://www.bitovi.com/partnerships) - [![Academy](https://www.bitovi.com/hubfs/icon%20-%20academy%20(4).svg) AcademyFree courses to build delivery skills ](https://www.bitovi.com/academy) - [![Open source tools](https://www.bitovi.com/hubfs/icon%20-%20open%20source.svg) Open source toolsUse or contribute to our community ](https://www.bitovi.com/open-source) Let's Connect - [![Discord](https://www.bitovi.com/hubfs/DiscordLogo.svg) Discord ](https://discord.gg/J7ejFsZnJ4) - [![LinkedIn](https://www.bitovi.com/hubfs/LinkedinLogo.svg) LinkedIn ](https://www.linkedin.com/company/bitovi/) - [![GitHub](https://www.bitovi.com/hubfs/GithubLogo.svg) GitHub ](https://github.com/bitovi/) ![Eggbot](https://www.bitovi.com/hubfs/build_assets/bitovi-limbo-cms-react/338/js_client_assets/assets/eggbot-LTGhdSGL.png) Name * Work Email * Phone What's your project? Send ### Contact Us (312) 620-0386contact@bitovi.com March 21, 2024 # Hatchify: The Fastest Way to Build JSON:APIs Learn how to use Hatchify to swiftly build and customize JSON:APIs. Say goodbye to CRUD API boilerplate with Hatchify's JSON:API implementation. ![Nils Lundquist](https://www.bitovi.com/hubfs/Bitovi_July_2016_Theme/Images/nils.jpg) Nils Lundquist Javascript Software Consultant Share: [![Twitter](https://www.bitovi.com/hubfs/limbo-generated/_astro/twitter-white.os3xLc3C_Z2nW4or.svg) ](https://twitter.com/intent/tweet?text=) [![Reddit](https://www.bitovi.com/hubfs/limbo-generated/imgs/icons/reddit.png) ](http://reddit.com/submit?url=) Last week, [Bitovi Hatchify ](https://bitovi.com/blog/introducing-hatchify-low-code-libraries-for-react-node-and-sequelize)officially left the nest! Hatchify is a suite of low-code libraries that provides a powerful scaffold to build CRUD-heavy applications, eliminate boilerplate, and enable your team to focus on domain-specific functionality from day one. Hatchify empowers you to build admin views, dashboards, and B2B apps faster, all while retaining uncompromising flexibility. One of Hatchify’s long-term objectives is to help developers move faster across all layers of the web stack. In the initial release, we’re most proud of our backend feature set that helps get CRUD API development out of the way early. We built the fastest way to get a high-quality [JSON:API ](https://jsonapi.org/)implementation packed with features like [advanced filtering capabilities](https://github.com/bitovi/hatchify/blob/main/docs/jsonapi/reading/filtering/README.md), [related data queries](https://github.com/bitovi/hatchify/tree/main/docs/jsonapi/reading/relationships), and[ specified response fields](https://github.com/bitovi/hatchify/blob/main/docs/jsonapi/reading/sparse-fields/README.md). ## APIs, Accelerated A high-quality CRUD API can require typing up a tedious amount of boilerplate code. The API standards, the ORM, the basic route handlers — there’s lots to do before you even have a running app to iterate on. Although code generation tools can help you get a leg up on the initial effort, they can add friction should you eventually need to modify all the generated output. By dynamically defining the backend at runtime, based on your data model, Hatchify solves the same problems as code generation without the friction of schema updates. Hatchify applications adapt to data model & library updates without having to revise all of the generated files. In addition to saving you time on boilerplate, the API provided by Hatchify fully implements the [JSON:API ](https://jsonapi.org/)specification, which stipulates solid standards to define the peculiarities of CRUD REST APIs. Get back all the time spent bike-shedding how to implement standard API features like filtering, pagination, including related data, etc. [JSON:API](https://jsonapi.org/) offers consistent practices for frontend and backend developers to agree on how resources are fetched and returned. Since Hatchify is providing the core of your API for you, you can count on it’s standardized functionality to give your API a consistent start. ## Data Modeling In order to save all of this time, Hatchify depends on descriptions of the data it will be serving. This data model is written in a simple TypeScript format we call Schemas. Using those descriptions, Hatchify produces a starter application that your team can begin iterating on immediately. Schemas are consumed by the Hatchify ORM, HTTP router, and frontend elements, to configure themselves appropriately for the different resources held in your database. For example, two schemas for a simple to-do list application: ![hatchify_schema](https://www.bitovi.com/hs-fs/hubfs/hatchify_schema.png?width=603&height=426&name=hatchify_schema.png) From that bit of business context, Hatchify can provide a fully functional API, a basic UI, and a React-hook interface to trivialize API access from React-based apps. The API features are showcased in the example below: ### Application Demo You can see from that demo how easily we’ve created an API for two different resources with the ability to: - Do basic CRUD - [Use advanced filters](https://github.com/bitovi/hatchify/tree/main/docs/jsonapi/reading/filtering) - Query related data in a single request - [Including normalization of related data](https://jsonapi.org/format/#document-compound-documents) - [Query only for specified fields](https://jsonapi.org/format/#fetching-sparse-fieldsets) - Use `page` or `offset/limit` based [pagination](https://github.com/bitovi/hatchify/tree/main/docs/jsonapi/reading/paginating) Now that you have the foundational CRUD structure managed, you can seamlessly transition to [expanding your API capabilities with any custom endpoints ](https://github.com/bitovi/hatchify/blob/main/docs/guides/adding-custom-endpoints.md)you might need. ## Flexibility First If eventually you find your API requires functionality beyond what Hatchify can provide, our modular approach to building the framework allows you to continue using whatever portions make sense for your uses case. The ORM, HTTP router, request parsing/serialization can all be used independently. We designed Hatchify to provide enough functionality for most apps while providing an easy transition for those who eventually want more control. Bitovi is committed to keeping Hatchify free and open-source. We believe good software should be accessible to everyone, and we’ll never charge you to use Hatchify. Our team works to support Hatchify in all modern JS/TS web applications environments, and integrate with all application (meta)frameworks. We are currently working on integration guides for Next.js, Remix and Astro. Our goal is to maintain extensive guides on how we at Bitovi (and the community) have adapted Hatchify for different usages. If you are interested in how Hatchify might work with your existing or prospective web technology stack, say “hi!” in our [Discord](https://discord.com/invite/Za8CFzvmz3) and we can investigate that together. ## Leaving The Nest Hatchify is taking flight and we’re excited for devs to get back all the time they were going to spend writing CRUD API boilerplate. Our current roadmap includes: - Schema-driven form builder to easily create and edit data - Authorization support - Data migrations - More documentation improvements & integration guides If there’s something you’d like to see, let us know on [Github](https://github.com/bitovi/hatchify)! We want to make every dev more efficient - writing schemas in the morning, and building the important parts of their app by lunch. We hope that you’ll be one of the first. Find out more: - Read our [Getting Started Guide](https://github.com/bitovi/hatchify/blob/main/README.md) and [API Docs](https://github.com/bitovi/hatchify/blob/main/docs/api-documentation.md) - Get help and support on [Bitovi’s Discord](https://discord.gg/JZcxKEMa5e) - Follow Bitovi on [LinkedIn](https://www.linkedin.com/company/3153182) and [Twitter](https://twitter.com/bitovi) Thanks! 🐣 Nils & The Hatchify Team     [![Tag for open source](https://www.bitovi.com/hubfs/limbo/icons/tag.svg) open source ](https://www.bitovi.com/blog/topic/open-source) Previous Post ![](https://www.bitovi.com/hs-fs/hubfs/Hatchify%20on%20Light%20-%20Large%20%282%29.png?height=117&name=Hatchify%20on%20Light%20-%20Large%20%282%29.png) [ Introducing Hatchify: Low-code libraries for React, Node, and Sequelize ](https://www.bitovi.com/blog/introducing-hatchify-low-code-libraries-for-react-node-and-sequelize)   Next Post ![Your LLM Should Be Built on Temporal [Part 1: Document Processing]](https://www.bitovi.com/hs-fs/hubfs/LLM-1.png?height=117&name=LLM-1.png) [ Your Next AI Startup Should Be Built on Temporal [Part 1: Document Processing] ](https://www.bitovi.com/blog/your-next-ai-startup-should-be-built-on-temporal-part-1-document-processing) ```json { "@context" : "http://schema.org", "@type" : "Organization", "address" : { "@type" : "PostalAddress", "addressCountry" : "United States", "addressLocality" : "Libertyville", "addressRegion" : "IL", "postalCode" : "60048", "streetAddress" : "1134 Pine Tree Lane " }, "alternateName" : "Bitovi", "areaServed" : { "@type" : "GeoCircle", "geoMidpoint" : { "@type" : "GeoCoordinates", "latitude" : "41.8781", "longitude" : "87.6298" }, "geoRadius" : "5000 km" }, "description" : "Bitovi is a UX, UI design and front-end JavaScript development consulting company", "email" : "contact@bitovi.com", "image" : "https://www.bitovi.com/hubfs/bitovi-logo-x2.png", "logo" : "https://www.bitovi.com/hubfs/bitovi-logo-23-1.svg", "mainEntityOfPage" : { "@id" : "https://www.bitovi.com/blog/hatchify-the-fastest-way-to-build-jsonapis", "@type" : "WebPage", "description" : "Learn how to use Hatchify to swiftly build and customize JSON:APIs. Say goodbye to CRUD API boilerplate with Hatchify's JSON:API implementation." }, "naics" : "541511", "name" : "Bitovi Web App Consulting", "sameAs" : [ "https://www.facebook.com/BitoviLLC/", "https://twitter.com/bitovi", "https://www.linkedin.com/company/bitovi" ], "telephone" : "312-620-0386", "url" : "http://bitovi.com" } ``` ```json { "@context" : "http://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Person", "name" : "Nils Lundquist" }, "dateModified" : "March 21, 2024, 1:00:00 PM", "datePublished" : "2024-03-21 13:00:00", "description" : "Learn how to use Hatchify to swiftly build and customize JSON:APIs. Say goodbye to CRUD API boilerplate with Hatchify's JSON:API implementation.", "headline" : "Hatchify: The Fastest Way to Build JSON:APIs", "image" : { "@type" : "ImageObject", "url" : "https://www.bitovi.com/hubfs/Hatchify-the-fastest-way-to-build-jsonapis.png" }, "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "url" : "https://www.bitovi.com/hubfs/bitovi-logo-23-1.svg" }, "name" : "Bitovi" } } ```