<aside> π‘
</aside>
<aside> <img src="/icons/categories_blue.svg" alt="/icons/categories_blue.svg" width="40px" /> βοΈ β **Next-Safe-Action (Server Actions - TypeSafe in Client) β MDNEXT**
</aside>
<aside> <img src="/icons/categories_blue.svg" alt="/icons/categories_blue.svg" width="40px" /> βοΈ Authentication
β NextAuth v5
β **WorkOS β server/API for many auth features such, login, MFA, Magic Auth, enterprise auth**
β **AuthKit by WorkOS β hosted UI or custom UI integrated with Radix powered by WorkOS**
β **Clerk β host alternative**
βοΈ Permissions
<aside> <img src="/icons/categories_blue.svg" alt="/icons/categories_blue.svg" width="40px" /> βοΈ
β Microsoft react-native-windows
β Socketsupply
β Tauri.app
β **Electron.js**
</aside>
<aside> <img src="/icons/categories_blue.svg" alt="/icons/categories_blue.svg" width="40px" /> βοΈ
</aside>
<aside> <img src="/icons/categories_blue.svg" alt="/icons/categories_blue.svg" width="40px" /> βοΈ
</aside>
<aside> <img src="/icons/categories_blue.svg" alt="/icons/categories_blue.svg" width="40px" /> βοΈ
</aside>
<aside> <img src="/icons/categories_blue.svg" alt="/icons/categories_blue.svg" width="40px" /> βοΈ
β React Scan
β **Million.dev (full analyses inside IDE)**
</aside>
<aside> <img src="/icons/categories_blue.svg" alt="/icons/categories_blue.svg" width="40px" /> β tRPC
β Zodios
</aside>
<aside> <img src="/icons/categories_blue.svg" alt="/icons/categories_blue.svg" width="40px" /> State Machines/Managers
β Jotai
β MobX
β Zustand
β Valtio
</aside>
<aside> <img src="/icons/categories_blue.svg" alt="/icons/categories_blue.svg" width="40px" /> State Machines/Managers
β FlatBuffers
</aside>
<aside> π‘
There are a lot of mentions related to Styled Components. But in the new versions of Next.js, styled-components isnβt recommended due to its SSR limitations. My strong alternative recommendation: PandaCSS
</aside>
<aside> <img src="/icons/categories_blue.svg" alt="/icons/categories_blue.svg" width="40px" /> βοΈ
</aside>
<aside> <img src="/icons/categories_blue.svg" alt="/icons/categories_blue.svg" width="40px" /> βοΈ
β UI Verse π - https://uiverse.io
β **UI Buttons -** https://github.com/ui-buttons/core
β **React Bits -** https://www.reactbits.dev/
</aside>
<aside> <img src="/icons/categories_blue.svg" alt="/icons/categories_blue.svg" width="40px" /> βοΈ
β **Embla Carousel** π
β Glide.js
β Swiper
</aside>
<aside> <img src="/icons/categories_blue.svg" alt="/icons/categories_blue.svg" width="40px" /> βοΈ Design System, color handler, theme
| Design System and CSS Frameworks
β **polished (**Handle colors and CSS helpers)
β **Mansory -** Cascading grid layout library
</aside>
<aside> <img src="/icons/categories_blue.svg" alt="/icons/categories_blue.svg" width="40px" /> βοΈ
β DnD Kit
β Swapy
β React DnD
β React Draggable
</aside>
<aside> <img src="/icons/categories_blue.svg" alt="/icons/categories_blue.svg" width="40px" /> βοΈ
β lucide-react
</aside>
<aside> <img src="/icons/categories_blue.svg" alt="/icons/categories_blue.svg" width="40px" /> βοΈ
β ProgressBar.js
</aside>
<aside> <img src="/icons/categories_blue.svg" alt="/icons/categories_blue.svg" width="40px" /> βοΈ
β ProgressBar.js
β Luge (scroll and page transition)
β Aos (scroll reveal, paralax)
β ScrollReveal
β ReactScroll
</aside>