More-than-8-things-in-one-project Tailwind Templates

More Than 8 Things In One Project

React, Bun & Hono - Drizzle, Kinde, Tanstack, Tailwind, TypeScript, RPC, & more

1-Create a BUN project ("JavaScript runtime") with "bun init" and run it with "bun run index.ts" and make it runing with "bun --watch index.ts" 2-install in Bun the Hono freamwork and create a server and use the Logger Middleware, i can easily monitor the flow of requests and responses in my Hono application and quickly identify any issues or performance bottlenecks. 3-create the Routes and add the Zod ("TypeScript-first schema validation with static type inference ") the run time check 4-create react app and add Tailwind 5-call the api from backend server for a test 6-host the app 7-add the HONO RPC feature allows sharing of the API specifications between the server and the client. You can export the types of input type specified by the Validator and the output type emitted by json(). And Hono Client will be able to import it. 8-use TanStack Query ("Powerful asynchronous state management for TS/JS") 9-use TanStack Router ("A simple, flexible, and powerful router for React") 10-create Expenses && Create-Expenses Pages 11-use TanStack Form ("A simple, flexible, and powerful form library for React") 12-use Query Options to share the data between the pages ("change the fonction place") 13-use Kinde auth and create the logic for the login and the register and get the user data and middleware and the cookie 14-call the login and logout to client side

Top categories

Loading Svelte Themes