Examples - templates and integrations

Here we provide practical hands-on examples you can learn from and build on. The most extensive examples are fully working template solutions you can use as is, extend to make your own or just use to learn about what's possible with Codehooks.

The examples in the technology integrations section shows how you can use Codehooks and integrate it with some of today’s most popular development technologies.

This page is a work in progress, so make sure to come by later for more and updated examples.

Templates

Codehooks Analytics

Codehooks Analytics is an open-source web analytics tool for tracking website and app traffic, giving you full control over your data and dashboard. You can deploy it as-is, customize it, or build your own solution.

Unlike third-party services, this tool avoids costly per-event fees, offers real-time data access, and eliminates vendor lock-in. It does not use cookies like most other analytics solutions.

Built with Codehooks.io for the backend and Alpine.js, TailwindCSS, and DaisyUI for the frontend, it's easy to use and modify. The Codehooks.io free Developer plan covers most use cases unless your site is very busy.

• Codehooks.io: Simplifies API and database management.
• Alpine.js: Adds interactivity with minimal complexity.
• TailwindCSS: Enables rapid UI development.
• DaisyUI: Provides pre-built components for faster design.
• OpenAI API: Provides daily AI insights from your data.

---

---

Get started with the Codehooks analytics template on Github

All you need to host the whole solution and start tracking your custom analytics data is a codehooks.io project/space and the free Development plan. The source code and complete installation and setup instructions can be found in the Github repository. Feel free to fork it, submit pull requests or give it a star.

Technology integrations

React

Explore how to use React with Codehooks.io. We've included some simple examples to get you going.

Examples

• Learn how to use codehooks.io as an API backend for your React app
• Create a random quotes generator with React and a NoSQL database
• React ToDo app with user Auth0.com authentication

Next.js

Check out the Next.js todo app example. The app uses Codehooks.io as a API and NoSQL data backend. This example uses next.js version 14 and Tailwind CSS. You'll find the complete source code on our Github.

Examples

• Next.js todo app with complete code example
• More coming up soon ...

Svelte

Another todo app example using Svelte. This Svelte app uses the Codehooks.io CRUD API as a data backend. This example is a re-write of the well known ToDoMVC examples.

Examples

• Svelte todo app with complete code example
• More coming up soon ...

GraphQL

See how Codehooks.io can act as a complete GraphQL backend. We'll demonstrate handling GraphQL queries and mutations and storing data in a codehooks database.

Examples

• How to create a GraphQL-powered persistent backend with codehooks.io's built-in NoSQL database

mongoDB

Discover how Codehooks.io integrates with mongoDB, giving you full control of data ownership and management. Our examples will show you the straightforward process of connecting Codehooks.io with your MongoDB setup.

Examples

• Connecting to an external mongoDB database
• Create a CRUD REST API for your NoSQL database

ChatGPT

Here we show you ways you can get ChatGPT to code the backend for you. You can also explore how to add AI-powered chat functionalities with ChatGPT. We’ll cover integration techniques for incorporating conversational AI into your applications.

Examples

• Let ChatGPT code your backend API
• Create a REST API for the OpenAI GPT-3 language model

Auth0.com

Understand the integration of Auth0 with Codehooks.io for authentication. We'll delve into secure authentication flow implementations, emphasizing JWT and security best practices.

Examples

• Auth0.com boilerplate React example app
• ToDo app with Auth0.com authentication

AWS S3

Learn about leveraging Codehooks.io with AWS S3 for data storage solutions. We'll explore simple file retrieval and storage.

Examples

• Build an API for file upload and download with AWS S3 (v3)

Mailgun

Dive into the integration of Mailgun for email functionality in your applications with Codehooks.io.

Examples

• Integrating with Mailgun REST API
• Send bulk emails using Queues and Mailgun

Alpine.js

Examine how Alpine.js’ lightweight approach complements Codehooks.io's backend capabilities. We'll look at building interactive web components with easy backend integration.

Examples

• Tutorial: create an Alpine.js app with a NoSQL backend
• DaisyUI + Alpine.js + Codehooks.io - the simple web app trio