Examples - templates and integrations

Learning through examples is one of the most effective ways to master new technologies. Here we provide practical hands-on examples you can learn from and build on.

Our examples are divided into two main categories:

• Technology Integrations: Step-by-step guides showing how to integrate Codehooks with popular frameworks and services like React, Next.js, Auth0, and more. These examples demonstrate basic setups and best practices for specific technologies.

• Template Applications: Complete, production-ready applications you can deploy immediately or use as a foundation for your own projects. These templates include all necessary frontend and backend code, along with detailed documentation.

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

Template Applications

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.

Codehooks Authentication

Codehooks Authentication is an open-source authentication library that provides a complete authentication solution for your web applications. Unlike commercial providers, this library gives you full control over your authentication process and user data while maintaining simplicity and ease of use.

Built with security and flexibility in mind, it supports multiple authentication methods including:

• One-time password (OTP) authentication
• OAuth integration (Google and GitHub)
• JWT-based access and refresh tokens
• Email-based user verification

The authentication system integrates seamlessly with:

• Codehooks.io: For backend API and database management
• Multiple email providers: Including Mailgun, Postmark, and SendGrid
• Custom templates: Fully customizable HTML/CSS templates for all auth pages
• OAuth providers: Ready-to-use integrations with major providers

---

---

Get started with the Codehooks authentication template on Github

All you need is a codehooks.io project/space to implement a complete authentication system. The source code and complete installation and setup instructions can be found in the Github repository. The library is available as an npm package and includes all necessary templates and assets.