| π―π»π΄π³/πͺπΊπΊ - π©πππ π·πππππππ
<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
β **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
β Stack Auth
β **NextAuth v5 (donβt like itβ¦)**
βοΈ 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" /> βοΈ
β **Unkey**
</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
β Zustand
β Jotai
β MobX
β 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" /> βοΈ
</aside>
<aside> <img src="/icons/categories_blue.svg" alt="/icons/categories_blue.svg" width="40px" /> βοΈ
</aside>