Build a Cookie Clicker App with Clerk and Hasura
Blog post from Clerk
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.
| Trend | Post Mentions | Total Month Mentions | Posts | Companies | MoM |
|---|---|---|---|---|---|
| Real-time | 1 | 1,908 | 482 | 162 | -16% |
Use this post, company, and trend context to find content marketing opportunities, perform competitive analysis, or address product feature gaps via the Plushcap MCP server or the Plushcap API.