290 Articles

TutorialsPage 21

Articles and guides about tutorials.

3 min read

How to Add Internationalization (i18n) to Next.js

Add multi-language support to your Next.js app. Locale routing, translated content, language switcher, and SEO for multilingual sites.

Nov 18, 2024

Tutorials

3 min read

How to Build a Pricing Calculator in React

Build an interactive pricing calculator with sliders, feature toggles, and real-time cost estimation in React.

Nov 18, 2024

Tutorials

3 min read

How to Implement Cursor-Based Pagination in Next.js

Implement cursor-based pagination for consistent, performant data loading in Next.js with Drizzle ORM.

Nov 17, 2024

Tutorials

2 min read

How to Create Loading Skeletons in React

Build loading skeleton components that improve perceived performance. Shimmer effects, accessible states, and Next.js loading.tsx integration.

Nov 17, 2024

Tutorials

3 min read

How to Design a Custom 404 Page in Next.js

Build a custom 404 page that keeps visitors engaged. Search suggestions, popular links, and design tips for error pages.

Nov 16, 2024

Tutorials

3 min read

How to Add SEO Meta Tags and Open Graph Images in Next.js

Configure SEO meta tags, Open Graph images, and Twitter cards in Next.js App Router using the Metadata API. Improve search visibility and social sharing.

Nov 16, 2024

Tutorials

3 min read

How to Create a Theme Switcher with Multiple Themes in React

Build a theme switcher that goes beyond dark mode with multiple color themes using CSS custom properties and React context.

Nov 16, 2024

Tutorials

4 min read

How to Build an Admin Panel in Next.js

Build a full admin panel with data tables, CRUD operations, sidebar navigation, and role-based access in Next.js.

Nov 15, 2024

Tutorials

3 min read

How to Set Up Automated Testing with Playwright in Next.js

Write end-to-end tests for your Next.js app with Playwright. Browser automation, visual regression, and CI integration.

Nov 15, 2024

Tutorials

3 min read

How to Build an Image Gallery with Lightbox in React

Create a responsive image gallery with lightbox overlay, keyboard navigation, and touch swipe support using React.

Nov 14, 2024

Tutorials

3 min read

How to Build a Responsive Navigation Bar with Tailwind CSS

Build a responsive navigation bar with mobile hamburger menu using Tailwind CSS. No JavaScript library required — just React state and Tailwind utilities.

Nov 14, 2024

Tutorials

3 min read

How to Implement Server-Sent Events Streaming in Next.js

Implement real-time streaming with Server-Sent Events in Next.js for live updates, progress bars, and AI responses.

Nov 14, 2024