Front-end stack

I’m talking from a Front-end’s perspective.

🐵 My Current Stack

• 🏗 Built with NextJS
• 🎨 Custom theme powered by TailwindCSS
• 🧰 Unstyled and accessible UI components with Headless-UI
• 🌗 Dark mode featured by next-theme
• 🎣 Performant, flexible and extensible forms with React Hook Form
• 🐻 UI State management with Zustand
• 🌸 Data management and Sync with React-Query
• 🥸 API Mocking with mswjs
• 🤖 SEO support with next-seo
• 🔒 JWT Authentication with next-auth
• 🧩 Uncontextualized component visualization with Storybook
• 🚨 Testing powered by jest
• 🐙 Component Testing powered by React Testing Library
• 🐳 Container-based deployment host powered by Docker

🏗 Frameworks

Pick a JS Framework from the list.

• NextJS: The React Framework for Production. My default choice. Full-stack.
• Create React App: I Started here, SPA no SSR by default.
• ViteJS: Never used. Life's too short, sorry.
• VueJS:
• NuxtJS: The Intuitive Vue Framework.
• Svelte: Never used. Life's too short, sorry.

State Management

• Redux Toolkit
• React-query
• Recoil
• Zustand

Styling

• Tailwind
• Mate-UI

Util libraries

• React-table
• Date FNS
• React-hook-forms

Mocking

• Mock Service Worker (https://mswjs.io/)

Testing

• Mock Service Worker (https://mswjs.io/)

Auth

• Auth0
• Next-Auth
• Next-Auth0 (https://github.com/auth0/nextjs-auth0)

Backend

• Hasura
• Firebase

Deploy

• Docker
• AWS