nextjs-boilerplate-advanced

Updates

1. Added Community Standards:
   1.1 Code of conduct
   1.2 Contributing
   1.3 License
   1.4 Issue templates (for bug and feature)
   1.5 Pull request template
2. Added storybook badge to readme (very important 😉)
3. Added SonarCloud for code audit (to ensure code quality and security)

Migration Guide

No breaking changes, enjoy new updates without touching your code 🤩

Updates

1. Active menu link colored style for when active
2. Add recursive nested menu support, be aware that a best practice for UX/UI would be not having more than 3 levels of menu items
3. Add "children" inside "children" to have it going recursive 🤩

Migration Guide

1. Copy src/components/MainDrawer folder and replace what you have in your app
2. There are no changes to be done at src/components/MainDrawer/menu.ts

Updates

• Remove all "!important" statements from css files
• All styles are now server-side rendered (no need for a browser to do so, see gif below)

Migration Guide

No breaking changes, enjoy new updates without touching your code 🤩

Updates

1. Errors from the API are now showing in form inputs, asynchronously (after form submit)
2. Inputs with prop “type” as “password” now have a visibility toggle

<InputText
    type="password" // <-- inputs with this prop/value will be affected
    label="Password"
    name="password"
    control={control}
/>

3. Auth screens visual updates to use "brand" color set in src/config/theme.ts (and links in logo to “/login”, very useful!)

New release visual explanation ✨

Migration Guide

No breaking changes, enjoy new updates without touching your code 🤩

Core Features

• Authentication screens pre-built
• Server side rendering with Next.js
• Forms & Inputs (compatible with react-hook-form)
• Schema validation with Yup
• Data table with inline editing
• Layouts
• CRUD example
• Modal with fullscreen option
• Email templates for authentication flow
• VSCode workspace recommendations and debug setup
• Profile page for user editing
• Collapsable & nested menu
• Code Generator (component, form, and page)

Credits

Huge thanks to @lincolncosta and @tiagoCristiano for helping!