Home / Companies / Clerk / Blog / Post Details
Content Deep Dive

Build a Cookie Clicker App with Clerk and Hasura

Blog post from Clerk

Post Details
Company
Date Published
Author
Ian McPhail
Word Count
2,693
Language
English
Hacker News Points
-
Summary

Hasura, a GraphQL engine, enables the creation of real-time APIs for modern app development, while Clerk assists with authentication integration via JWTs. The tutorial outlines building a full-stack Next.js app using Hasura and Clerk without backend coding, requiring familiarity with command line usage, Node.js, React, and Docker Compose. It begins with setting up a Clerk project and JWT template for Hasura, followed by cloning a starter repo and configuring the environment. The app integrates a "Cookie Clicker" component using Next.js dynamic imports and sets up a Hasura GraphQL engine to track click counts in a Postgres database. Permissions are configured for CRUD operations on a scoreboard table, and custom hooks are employed to handle GraphQL queries and mutations. The tutorial concludes with connecting components and encouraging further app development, underscoring the ease of building a complete app without backend code.