next-rails-scaffold

Templates

_templates/generate/scaffold/
├── _component.ejs.t
├── _form.ejs.t
├── edit.ejs.t
├── index.js
├── list.ejs.t
├── new.ejs.t
├── services.ejs.t
└── show.ejs.t

Frontend tech stack:

• Next.js (https://nextjs.org) - The React Framework for the Web
  • Elevate our frontend development by leveraging Next.js, a powerful React Framework tailored for the web. Join us in creating and managing a dynamic and responsive web application with enhanced performance and developer-friendly features.
• Axios (https://axios-http.com) - Promise based HTTP client for the browser and node.js
  • Empower our application with Axios, a versatile and promise-based HTTP client. Contribute to setting up a global request configuration, defining custom headers, and handling exceptions and success responses. Ensure smooth communication between the browser and node.js.
• React Query (https://tanstack.com/query/latest) - Powerful asynchronous state management for TS/JS, React, Solid, Vue, and Svelte
  • Transform the way we handle asynchronous state management using React Query. Collaborate with us to seamlessly load and update data through RESTful requests. Bring your expertise in TypeScript/JavaScript, React, Solid, Vue, or Svelte to enhance our application's state management capabilities.
• React Hook Form (https://react-hook-form.com) - Performant, flexible, and extensible forms with easy-to-use validation
  • Contribute to building high-performance, flexible, and extensible forms with React Hook Form. Your role involves defining and implementing robust form validations, ensuring an effortless and error-free user experience. Join us in creating dynamic and user-friendly forms.
• Zod (https://zod.dev) - TypeScript-first schema validation with static type inference
  • Enhance our application's integrity with Zod, a TypeScript-first schema validation tool. Work with us to define and enforce validation rules, leveraging static type inference for a more secure and type-safe codebase. Ensure data consistency and reliability.
• Hygen (https://www.hygen.io) - The scalable code generator that saves you time
  • Optimize our development workflow with Hygen, a scalable code generator designed to save time. Play a crucial role in defining and utilizing templates for our code generation process. Improve code consistency and reduce repetitive tasks by incorporating Hygen into our project.

Using

npm install
npx hygen generate scaffold post title:string body:text

Result

Generated files strutucture:

src
├── pages
|   └── posts
|       ├── [id]
|       |   ├── edit.js
|       |   └── index.js
|       ├── _components
|       |   ├── Post.js
|       |   └── PostForm.js
|       ├── index.js
|       └── new.js
└── services.js