A comprehensive collection of developer cheat sheets with copy-paste ready code examples
Your go-to resource for quick reference guides covering Git, Docker, React, Python, Django, TypeScript, Next.js, FastAPI, OpenAI, Regex, and more. Built for developers who value speed, clarity, and best practices.
Live Demo • Portfolio • Report Bug • Request Feature
As developers, we constantly Google the same patterns, syntax, and examples. This project eliminates that friction by providing:
- Copy-Paste Ready: Every code example is production-ready
- Real-World Use Cases: Examples from actual development scenarios
- Best Practices: Security-first, performance-aware code patterns
- Searchable & Filterable: Find exactly what you need instantly
- Difficulty Levels: From basic to expert examples
- Clean, Professional Design: No clutter, just code
Perfect for:
- Quick reference during development
- Learning new technologies
- Interview preparation
- Code review standards
- Team onboarding
- 10 Comprehensive Cheat Sheets: Git, Docker, React, Regex, Python, Django, TypeScript, Next.js, FastAPI, OpenAI
- Fuzzy Search: Intelligent typo-tolerant search with Fuse.js - finds examples even with misspellings
- Difficulty Level Filtering: Filter examples from beginner to expert level
- Tag-Based Navigation: Browse examples by tags (security, performance, validation, etc.)
- Bookmark System: Save your favorite code snippets for quick access
- Dark/Light Mode: Toggle between themes with system preference detection
- Copy to Clipboard: One-click code copying with visual feedback
- Syntax Highlighting: Professional code presentation with language support
- Documentation Links: Direct links to official docs for each example
- Responsive Design: Works perfectly on desktop, tablet, and mobile
- Fast Loading: Optimized with Next.js 15 and React Server Components
- Share specific code snippets via URL
- Interactive code playground with live execution
- Community contributions and voting
- VS Code extension
- Offline support (PWA)
- More cheat sheets (SQL, MongoDB, AWS, Kubernetes)
This project leverages modern web technologies:
- Framework: Next.js 15 with App Router
- UI: React 19 with Server Components
- Language: TypeScript (strict mode)
- Styling: Tailwind CSS 4.0
- Search: Fuse.js for fuzzy search
- Syntax Highlighting: react-syntax-highlighter
- Icons: Lucide React
- Deployment: Vercel
- Node.js 18.17 or later
- npm, yarn, pnpm, or bun
- Clone the repository:
git clone https://github.com/omerakben/developer-cheat-sheets.git
cd developer-cheat-sheets- Install dependencies:
npm install
# or
yarn install
# or
pnpm install- Run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev- Open http://localhost:3000 in your browser
npm run build
npm startdeveloper-cheat-sheets/
├── src/
│ ├── app/ # Next.js App Router pages
│ │ ├── page.tsx # Homepage
│ │ ├── layout.tsx # Root layout with providers
│ │ ├── bookmarks/ # Bookmarks page
│ │ ├── git/ # Git cheat sheet page
│ │ ├── docker/ # Docker cheat sheet page
│ │ ├── react/ # React cheat sheet page
│ │ ├── regex/ # Regex cheat sheet page
│ │ ├── python/ # Python cheat sheet page
│ │ ├── django/ # Django cheat sheet page
│ │ ├── typescript/ # TypeScript cheat sheet page
│ │ ├── nextjs/ # Next.js cheat sheet page
│ │ ├── fastapi/ # FastAPI cheat sheet page
│ │ └── openai/ # OpenAI cheat sheet page
│ ├── components/ # React components
│ │ ├── Navigation.tsx # Top navigation with theme toggle
│ │ ├── Footer.tsx # Footer with social links
│ │ ├── CheatSheetLayout.tsx # Cheat sheet template with fuzzy search
│ │ └── CodeBlock.tsx # Code snippet with bookmarks
│ ├── contexts/ # React contexts
│ │ ├── ThemeContext.tsx # Dark/Light mode state
│ │ └── BookmarkContext.tsx # Bookmark state management
│ ├── lib/
│ │ └── cheatsheets/ # Cheat sheet data
│ │ ├── git.ts # 30+ Git examples
│ │ ├── docker.ts # 25+ Docker examples
│ │ ├── react.ts # 20+ React hooks examples
│ │ ├── regex.ts # 15+ Regex patterns
│ │ ├── python.ts
│ │ ├── django.ts
│ │ ├── typescript.ts
│ │ ├── nextjs.ts
│ │ ├── fastapi.ts
│ │ └── openai.ts
│ └── types/
│ └── cheatsheet.ts # TypeScript interfaces
├── public/ # Static assets
├── README.md
├── LICENSE
└── package.json
Essential Git version control reference:
- Repository setup and configuration
- Basic workflow (add, commit, push, pull)
- Branching strategies and merging
- Remote repository management
- Undoing changes safely
- Stashing and cleaning
- Conflict resolution
- Advanced techniques (rebase, cherry-pick, submodules)
Complete Docker containerization guide:
- Container basics and lifecycle
- Image building and optimization
- Docker Compose orchestration
- Volume and data management
- Networking patterns
- Multi-stage builds
- Troubleshooting and debugging
- Security best practices
React hooks and patterns reference:
- Basic hooks (useState, useEffect, useContext)
- Performance hooks (useMemo, useCallback, useTransition)
- Advanced hooks (useReducer, useRef, useImperativeHandle)
- Custom hooks for reusable logic
- Component patterns and composition
- Error boundaries and Suspense
- Testing patterns
Regular expressions patterns and usage:
- Basic syntax and metacharacters
- Character classes and quantifiers
- Anchors and boundaries
- Groups and capturing
- Lookahead and lookbehind assertions
- Common validation patterns
- Practical JavaScript integration
Comprehensive Python reference covering:
- Variables, data types, and operations
- Lists, dictionaries, sets, and tuples
- Control flow and loops
- Functions and classes
- File I/O and error handling
- Essential standard library modules
- Security-first patterns
Complete Django framework guide:
- Project setup and configuration
- Models, views, and URL patterns
- Templates and forms
- User authentication and admin
- Class-based views and mixins
- REST API development
- Security best practices
TypeScript essentials for developers:
- Basic types and interfaces
- Advanced type patterns
- React component typing
- Generic types and constraints
- Utility types and mapped types
- Error handling patterns
- Configuration and tooling
Modern Next.js App Router guide:
- App Router and routing patterns
- Server and Client Components
- Data fetching strategies
- API routes and middleware
- Styling and component patterns
- Performance optimizations
- Deployment best practices
FastAPI framework reference:
- Quick start and setup
- Path operations and routing
- Request validation with Pydantic
- Security and authentication
- Database integration
- Background tasks
- Testing and deployment
Complete OpenAI API guide:
- Authentication and setup
- Chat completions and streaming
- Function calling and tools
- Vision and image generation
- Audio and speech processing
- Embeddings and search
- Assistants API
- Production best practices
The intelligent search powered by Fuse.js is typo-tolerant and searches across multiple fields:
- Title (highest priority) - example names
- Description - what the code does
- Tags - categorization like "security", "performance"
- Code - actual code content
- Section titles - major categories
Just start typing, and relevant examples appear even with typos (e.g., "docker compse" finds "docker compose").
Click the "Filters" button to filter examples by difficulty level:
- Beginner: Getting started examples
- Intermediate: Common use cases
- Advanced: Complex patterns
- Expert: Production optimizations
Click the bookmark icon on any code example to save it for later. Access all your bookmarks from the navigation menu.
| Shortcut | Action |
|---|---|
/ |
Focus search |
Esc |
Clear search |
Ctrl/Cmd + K |
Open command palette (coming soon) |
Click the copy button in the top-right corner of any code block to copy the code to your clipboard. A checkmark will briefly appear to confirm.
Contributions are welcome! Whether it's adding new cheat sheets, improving existing ones, fixing bugs, or enhancing documentation.
- Fork the repository
- Create a feature branch (
git checkout -b feature/AmazingFeature) - Make your changes
- Commit with clear messages (
git commit -m 'Add FastAPI routing examples') - Push to your branch (
git push origin feature/AmazingFeature) - Open a Pull Request
- Create data file in
src/lib/cheatsheets/yourtech.ts - Follow the
CheatSheetinterface structure - Create page in
src/app/yourtech/page.tsx - Add navigation link in
src/components/Navigation.tsx - Update README.md with your cheat sheet details
See CONTRIBUTING.md for detailed guidelines.
- Add difficulty level filtering
- Implement bookmark system
- Add Git, Docker, React, and Regex cheat sheets
- Dark/Light mode toggle
- Fuzzy search with typo tolerance
- Add more cheat sheets (SQL, MongoDB, AWS, Kubernetes)
- Share specific snippets via URL
- Interactive code playground with live execution
- Community contribution system with voting
- Mobile app (React Native)
- Offline support (PWA)
- VS Code extension
- AI-powered code suggestions
- Multi-language support
This project is licensed under the MIT License - see the LICENSE file for details.
Omer Akben
- Portfolio: omerakben.com
- GitHub: @omerakben
- LinkedIn: omerakben
- Built with Next.js by Vercel
- Icons by Lucide
- Syntax highlighting by react-syntax-highlighter
- Inspired by the developer community's need for quick, reliable references
If you find this project helpful:
- ⭐ Star this repository
- 🐛 Report bugs
- 💡 Suggest features
- 📖 Improve documentation
- 🔀 Submit pull requests
Made with ❤️ for the developer community