Skip to content
#

nextjs-tutorial

Here are 22 public repositories matching this topic...

A modern, fully responsive coffee shop landing page built with Next.js 15, React, TypeScript, and TailwindCSS. This project is designed for learning and instruction: it showcases the App Router, client & server components, advanced animations (GSAP, Framer Motion, Locomotive Scroll), SEO metadata, component-based structure

  • Updated Mar 15, 2026
  • TypeScript

A modern, responsive coffee shop landing page built with Next.js, TypeScript, and Tailwind CSS. This project demonstrates best practices in React component structure, animation, and UI/UX—ideal for learning, customization, and as a template for real-world use. It is a single-page application (SPA) with no backend or API

  • Updated Mar 15, 2026
  • TypeScript

A modern, responsive restaurant website built with Next.js 15, TypeScript, TailwindCSS, and Framer Motion. This project showcases local flavours and cuisine with smooth animations, an interactive map, and a clean UI. It is designed for both production use and as an educational resource for learning the App Router, client components, modern React

  • Updated Mar 15, 2026
  • TypeScript

A dynamic, web-based gym & fitness training application built with Next.js, React, TypeScript, Tailwind CSS. It provides intelligent workout generation, exercise guidance, & personalized training plans using in-browser logic—no backend or API required. The app is designed both as a practical fitness tool and as an educational codebase

  • Updated Mar 17, 2026
  • TypeScript

A full-stack movie discovery web app built with Next.js, React, TypeScript, powered by The Movie Database (TMDB) API. It demonstrates modern patterns: App Router, server-side rendering, client components, TailwindCSS styling, Framer Motion animations, reusable UI. Ideal for learning & teaching Next.js, API integration, component-based architecture

  • Updated Mar 17, 2026
  • TypeScript

A modern, fully-featured, customizable admin dashboard built with React, Next.js, TypeScript, Material-UI, Recharts, and Tailwind CSS. This project is designed for learning, rapid prototyping, & real-world admin panel use cases. It demonstrates responsive layout, theme switching (light/dark), data grids, charts, forms, calendar, reusable component

  • Updated Mar 16, 2026
  • TypeScript

A modern, fully server-rendered anime listing and browsing platform built with Next.js. Discover and explore anime with infinite scroll, beautiful animations, and real-time data from the Shikimori API. This project is designed for learning and instruction—demonstrating Server Components, Server Actions, infinite scroll, SEO best practices

  • Updated Mar 15, 2026
  • TypeScript

A modern, feature-rich web application to search & explore GitHub user profiles using the GitHub GraphQL API. Built with Next.js App Router, React, TypeScript, Tailwind CSS, Apollo Client, shadcn/ui, this project demonstrates advanced state management, data visualization, responsive design, a clean UI—ideal for learning full-stack web development

  • Updated Mar 16, 2026
  • TypeScript

News App is a React-Vite Random Current World Related Live News project, using GNews API, Axios for the HTTP Client Request, display the News in different Category in Navbar, display the details in a Popup page, Read more as Source Link and deploy on Vercel.

  • Updated Mar 17, 2026
  • TypeScript

A modern, interactive quotes application built with Next.js, React, TypeScript,Tailwind CSS. The app fetches random quotes from the TheQuote API, displays them with author details, lets you save favorites. Designed for learning React fundamentals, API integration, Context API, custom hooks—including floating balloon animation, ripple buttons & more

  • Updated Mar 17, 2026
  • TypeScript

A comprehensive Next.js 16 project demonstrating modern web development concepts, routing patterns, API integration, and best practices. This project is perfect for learning Next.js fundamentals and advanced features.

  • Updated Nov 28, 2025
  • TypeScript

Improve this page

Add a description, image, and links to the nextjs-tutorial topic page so that developers can more easily learn about it.

Curate this topic

Add this topic to your repo

To associate your repository with the nextjs-tutorial topic, visit your repo's landing page and select "manage topics."

Learn more