UsefulLinks
Computer Science
Web Development
Frontend Frameworks and Libraries
Next.js and React Development
1. React Fundamentals for Next.js
2. Introduction to Next.js
3. Next.js App Router
4. Server and Client Components
5. Data Fetching
6. Rendering Strategies
7. API Routes and Route Handlers
8. Styling in Next.js
9. Built-in Optimizations
10. Metadata and SEO
11. Advanced Next.js Features
12. Performance Optimization
13. Testing Next.js Applications
14. Deployment and Production
9.
Built-in Optimizations
9.1.
Image Optimization
9.1.1.
next/image Component
9.1.1.1.
Image Props
9.1.1.2.
Responsive Images
9.1.1.3.
Image Layouts
9.1.1.4.
Priority Loading
9.1.1.5.
Placeholder Options
9.1.2.
Image Formats
9.1.2.1.
WebP Support
9.1.2.2.
AVIF Support
9.1.2.3.
Format Selection
9.1.3.
Image Sizing
9.1.3.1.
Automatic Sizing
9.1.3.2.
Manual Sizing
9.1.3.3.
Responsive Breakpoints
9.1.4.
Image Domains
9.1.4.1.
Remote Image Configuration
9.1.4.2.
Security Considerations
9.2.
Font Optimization
9.2.1.
next/font Module
9.2.1.1.
Google Fonts
9.2.1.2.
Local Fonts
9.2.1.3.
Font Display Options
9.2.1.4.
Font Preloading
9.2.2.
Font Loading Strategies
9.2.2.1.
Self-Hosting
9.2.2.2.
CDN Loading
9.2.2.3.
Font Fallbacks
9.3.
Script Optimization
9.3.1.
next/script Component
9.3.1.1.
Script Loading Strategies
9.3.1.2.
beforeInteractive Strategy
9.3.1.3.
afterInteractive Strategy
9.3.1.4.
lazyOnload Strategy
9.3.1.5.
worker Strategy
9.3.2.
Third-Party Scripts
9.3.2.1.
Analytics Scripts
9.3.2.2.
Social Media Widgets
9.3.2.3.
Performance Monitoring
9.4.
Bundle Optimization
9.4.1.
Code Splitting
9.4.2.
Dynamic Imports
9.4.3.
Tree Shaking
9.4.4.
Bundle Analysis
9.4.5.
Import Optimization
Previous
8. Styling in Next.js
Go to top
Next
10. Metadata and SEO