🔗 Awesome Full Stack Resources

A curated list of awesome resources for Full Stack developers.

React • Node.js • TypeScript • Laravel • DevOps

Submit a Resource

---

Contents

• Frontend
  • React
  • Next.js
  • Vue.js
  • CSS & Styling
• Backend
  • Node.js
  • NestJS
  • Laravel
• Database
• DevOps
• Tools & Utilities
• Learning Resources
• Podcasts & YouTube

---

🎨 Frontend

React

Official

• React Documentation - Official React docs (new)
• React GitHub - React source code

State Management

• Zustand - Small, fast state management
• Jotai - Primitive and flexible state
• Redux Toolkit - Official Redux toolset
• TanStack Query - Powerful data fetching

UI Libraries

• shadcn/ui - Beautiful, accessible components
• Radix UI - Unstyled, accessible primitives
• Headless UI - Unstyled Tailwind components
• Mantine - Full-featured component library

Form & Validation

• React Hook Form - Performant forms
• Zod - TypeScript-first schema validation
• Formik - Form library for React

Animation

• Framer Motion - Production-ready animations
• React Spring - Spring-physics animations

Next.js

• Next.js Documentation - Official docs
• Next.js Examples - Official examples
• Next.js Commerce - E-commerce starter
• Taxonomy - App built with Next.js 13
• Next.js Boilerplate - Production starter

Vue.js

• Vue.js Documentation - Official Vue 3 docs
• Nuxt - Vue meta-framework
• VueUse - Collection of Vue composables
• Pinia - Vue store library

CSS & Styling

Frameworks

• Tailwind CSS - Utility-first CSS
• Bootstrap - Popular CSS framework
• Bulma - Modern CSS framework

Tools

• Tailwind UI - Premium Tailwind components
• Heroicons - Beautiful SVG icons
• Lucide - Beautiful & consistent icons

---

⚙️ Backend

Node.js

Frameworks

• Express - Minimal web framework
• Fastify - Fast and low overhead
• Hono - Ultrafast web framework
• Koa - Next generation framework

Utilities

• Helmet - Security middleware
• Morgan - HTTP request logger
• Multer - File upload handling
• Nodemailer - Send emails

NestJS

• NestJS Documentation - Official docs
• NestJS Fundamentals - Official course
• Awesome NestJS - Curated resources

Packages

• @nestjs/swagger - OpenAPI (Swagger)
• @nestjs/passport - Authentication
• @nestjs/bull - Queue management

Laravel

• Laravel Documentation - Official docs
• Laracasts - Video tutorials
• Laravel News - News and tutorials

Packages

• Laravel Sanctum - API authentication
• Laravel Horizon - Queue dashboard
• Spatie Packages - Quality packages
• Livewire - Reactive components

---

💾 Database

ORMs

• Prisma - Next-gen Node.js ORM
• Drizzle - TypeScript ORM
• TypeORM - TypeScript ORM
• Sequelize - Promise-based ORM

Databases

• PostgreSQL - Advanced open source DB
• MySQL - Popular relational DB
• MongoDB - Document database
• Redis - In-memory data store

Tools

• DBeaver - Universal database tool
• TablePlus - Modern database GUI
• pgAdmin - PostgreSQL admin

---

🚀 DevOps

Containerization

• Docker - Container platform
• Docker Compose - Multi-container apps
• Kubernetes - Container orchestration

CI/CD

• GitHub Actions - GitHub CI/CD
• GitLab CI - GitLab CI/CD
• Jenkins - Automation server

Hosting & Deployment

• Vercel - Frontend cloud platform
• Railway - Infrastructure platform
• DigitalOcean - Cloud infrastructure
• AWS - Amazon Web Services

Monitoring

• Sentry - Error tracking
• LogRocket - Session replay
• Grafana - Observability platform

---

🛠️ Tools & Utilities

API Development

• Postman - API platform
• Insomnia - API client
• Thunder Client - VS Code REST client
• Hoppscotch - Open source API tool

Code Quality

• ESLint - JavaScript linter
• Prettier - Code formatter
• Husky - Git hooks
• lint-staged - Run linters on staged files

Testing

• Jest - JavaScript testing
• Vitest - Vite-native testing
• Playwright - E2E testing
• Cypress - E2E testing

Productivity

• VS Code - Code editor
• GitHub Copilot - AI pair programmer
• Warp - Modern terminal
• Fig - Terminal autocomplete

---

📖 Learning Resources

Courses

• freeCodeCamp - Free coding bootcamp
• The Odin Project - Full stack curriculum
• Full Stack Open - University of Helsinki
• Frontend Masters - Expert courses

Books

• You Don't Know JS - JS book series
• Eloquent JavaScript - Free JS book
• Clean Code - Robert C. Martin

Practice

• LeetCode - Coding challenges
• HackerRank - Practice coding
• Exercism - Code practice

---

🎙️ Podcasts & YouTube

Podcasts

• Syntax - Wes Bos & Scott Tolinski
• JS Party - JavaScript community
• Laravel Podcast - Laravel news

YouTube Channels

• Fireship - Quick tutorials
• Traversy Media - Web development
• The Net Ninja - Tutorials
• Web Dev Simplified - Simplified concepts

---

🤝 Contributing

Contributions welcome! Please read the contribution guidelines first.

---

⭐ Star this repo if you find it useful!

Onur Dilmen · Full Stack Developer