Next.js E-Commerce template. Strong TypeScript, Ready to use, For high-performance e-commerce websites.

react theme template ecommerce shopping-cart checkout example nextjs e-commerce cart react-example nextjs-template react-cart nextjs-example nextjs-starter react-shopping-cart nextjs-tutorial boundless-commerce

• Updated Jan 4, 2024
• TypeScript

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

react typescript landing-page animation slider nextjs gsap swiper coffee-shop coffee-lovers video-background educational-project frontend-development tailwindcss framer-motion locomotive-scroll coffeeshop nextjs-tutorial nextjs-learning coffeeshop-app

• 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

react typescript landing-page nextjs responsive-design scroll-animations learning-project educational-project restaurant-website frontend-development tailwindcss interactive-map restaurant-table-booking framer-motion restaurant-reservation-system restaurant-landing-page nextjs-tutorial nextjs-learning nextjs-fundamentals nextjs-basics

• Updated Mar 15, 2026
• TypeScript

A repo to explore and understand the internal working of NextJs.

nextjs nextjs-tutorial

• Updated Apr 29, 2024

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

react typescript landing-page nextjs coffee responsive-design coffee-shop coffee-lovers educational-project aos frontend-development tailwindcss coffeeshop aos-animation nextjs-tutorial testimonial-slider nextjs-learning coffeeshop-app nextjs-fundamentals nextjs-basics

• Updated Mar 15, 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

react typescript landing-page nextjs material-ui admin-dashboard react-tutorial admin-ui recharts responsive-design admin-panel educational-project bar-chart react-learning pi-chart tailwindcss nextjs-tutorial nivo-charts nextjs-learning admin-user-managment

• Updated Mar 16, 2026
• TypeScript

Создание лендинга на NextJS

nextjs nextjs-example nextjs-starter nextjs-tutorial nextjs-landing-page nextjs-lesson

• Updated Jan 11, 2023

A modern, user-friendly language translator web application built with Next.js, React, and TypeScript. It uses the free MyMemory Translation API to translate text between dozens of languages. The app features a responsive UI with TailwindCSS, smooth animations via Framer Motion, and a server-rendered shell for fast first paint—ideal for learning

react translator typescript language-translation nextjs react-tutorial language-translator react-fundamentals educational-project react-learning tailwindcss mymemory framer-motion language-converter translator-app mymemory-api nextjs-tutorial language-translator-app nextjs-learning nextjs-fundamentals

• Updated Mar 19, 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

graphql typescript anime nextjs infinite-scroll server-side-rendering shikimori infinite-scrolling learning-project educational-project anime-list tailwindcss anime-database framer-motion server-side-api nextjs-tutorial server-components anime-discovery server-actions anime-browser

• 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

react typescript nextjs web-worker fitness gym react-fundamentals educational-project react-learning tailwindcss gym-application framer-motion workout-app fitness-trainer nextjs-tutorial nextjs-learning fitness-instructor fitness-advisor gym-guide gym-instructor

• 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

react typescript nextjs tmdb-api react-fundamentals learning-project educational-project react-learning tailwindcss react-hooks framer-motion nextjs-tutorial server-components nextjs-app-router movies-and-cinemas nextjs-learning movie-webite movie-discovery-platform nextjs-fundamentals cinema-discovery-platform

• Updated Mar 26, 2026
• TypeScript

A full-stack style weather application that goes beyond a simple temperature readout: it combines live OpenWeather data, 5-day forecast, air quality, dynamic Unsplash backgrounds, AI-generated weather summaries & farming tips (via server API routes), a glassmorphism UI built with Next.js App Router, React, TypeScript, Tailwind CSS, Framer Motion

react typescript nextjs react-tutorial weather-forecast weather-dashboard learning-project educational-project openweather-api unsplash-api react-learning tailwindcss framer-motion agro-api nextjs-tutorial nextjs-learning ai-weather-farming-advisor ai-farming-advisor ai-weather-summary farming-advisory

• Updated Aug 20, 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

react quotes framework typescript nextjs react-tutorial random-quotes quotes-application favorite-quotes react-fundamentals learning-project educational-project react-learning tailwindcss random-quote-generator quotes-generator quotes-app nextjs-tutorial nextjs-learning thequoteapi

• Updated Mar 17, 2026
• TypeScript

A modern, full-featured news application that delivers live world headlines from thousands of sources. Built with Next.js 16, React 19, TypeScript & the GNews API, it demonstrates server-side rendering (SSR), client-side data fetching, React Query, Context API, bookmarks with localStorage, responsive design—ideal for learning modern web development

react typescript nextjs axios react-fundamentals learning-project educational-project news-api react-learning news-app tailwindcss gnews framer-motion gnews-api nextjs-tutorial world-news shadcn-ui global-news-media nextjs-learning nextjs-fundamentals

• Updated Mar 25, 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

graphql github-api typescript apollo-client nextjs react-tutorial graphql-schema github-profile recharts graphql-api toast-notifications educational-project github-explorer react-learning tailwindcss apollo-graphql nextjs-tutorial search-github-users nextjs-learning nextjs-fundamentals

• Updated May 21, 2026
• TypeScript

Built with the Next.js App Router, React, & TypeScript. It combines public pages (search, cocktail details, newsletter signup, etc) with a production-style newsletter pipeline (double opt-in, unsubscribe, rate limits) & an Admin Control Room for campaigns, subscribers, AI drafting, resend, cron jobs, queue management, live API diagnostics & more

react typescript nextjs email-marketing react-tutorial responsive-design react-fundamentals educational-project newsletter-management react-learning tailwindcss newsletter-subscriptions cocktails-api newsletter-signup nextjs-tutorial tanstack-react-query newsletter-automation nextjs-learning newsletter-admin-panel

• Updated Aug 23, 2026
• TypeScript

ssr reactjs nextjs nextjs-tutorial

• Updated Nov 10, 2021
• JavaScript

🎯 Learn AI Prompt Engineering Through Interactive Gameplay | Study real prompt engineering techniques via AI-coached word game with Ted Lasso & Roy Kent personalities | Next.js + Claude API

machine-learning typescript pwa educational-game interactive-learning ai-education nextjs-tutorial prompt-engineering claude-ai

• Updated Nov 18, 2025
• TypeScript

Study project followed https://nextjs.org/learn/basics/create-nextjs-app

nextjs nextjs-tutorial

• Updated Jan 10, 2022
• TypeScript

Getting started with Next.js ⚔️

learning reactjs nextjs getting-started nextjs-tutorial

• Updated Dec 9, 2022
• JavaScript