Skip to content
#

nextjs-tutorial

Star

Here are 16 public repositories matching this topic...

Language: All
Filter by language
All 16 TypeScript 9 JavaScript 5
Sort: Most stars
Sort options
Most stars Fewest stars Most forks Fewest forks Recently updated Least recently updated

arnobt78 / CoffeeShop-Landing-Page-1--NextJS-Frontend

Star 26

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

arnobt78 / CoffeeShop-Landing-Page-2--NextJS-Frontend

Star 4

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

arnobt78 / Restaurant-Landing-Page-1--NextJS-Frontend

Star 2

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

arnobt78 / Anime-Discovery-Platform--NextJS-Fundamental-Project-2

Star 1

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

DevAmirHub / Next.js-Learning-Project

Star 0

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.

react javascript learning tutorial typescript web-development ssr nextjs data-fetching nested-layouts dynamic-routing api-integration jsonplaceholder-api tailwindcss nested-routes app-router begginer-friendly nextjs-tutorial server-components
  • 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