Next.js 14-Färdighet för att Bygga Moderna Webbappar
Kurs för avancerad nivå
Vad du kommer att lära dig
Kursinnehåll
Din prenumeration inkluderar även 500+ kurser:
Develop a Cat Care Tracker with Next.js
Build a modern Cat Care Tracker application using Next.js, TypeScript, and Tailwind CSS. In this project, you will create a real pet care dashboard where users can manage daily care tasks, track health logs, monitor expenses, visualize pet data with charts, and organize everything in a clean component-based application structure.
Build a Car Explorer and Fuel Cost Calculator
Build a real car explorer app using Next.js, TypeScript, and Tailwind, connect external APIs to load vehicle and fuel data, and create a fuel cost calculator that turns raw numbers into practical insights. Develop features like favorites and comparison while structuring a clean and scalable frontend project.
Build a Formula 1 Race Dashboard App
Build a modern Formula 1 dashboard that displays real race data, season standings, and driver details in a clean, interactive interface. Practice working with APIs, dynamic pages, and polished UI patterns.
Build a Subscription Tracker App
Build a modern subscription tracker application using Next.js, TypeScript, and Tailwind CSS. Create a real-world finance dashboard where users can manage subscriptions, track recurring costs, filter expenses by category, save data with localStorage, and visualize spending with charts.
Create Movie Picker App with Next.js
Build a real movie discovery app from scratch using Next.js, TypeScript, and Tailwind. You will not focus on theory. Instead, you will build a complete frontend application step by step. You will work with a public API, display and filter data, implement pagination and load more behavior, create dynamic routes for movie details, and add a favorites system using local storage.
Build a Knowledge Tracker App with Next.js
Build a real Knowledge Tracker app step by step using Next.js, TypeScript, and Tailwind CSS. Focus on creating a modern UI, structuring components, and implementing core features like daily cards, categories, and progress tracking.
Build an AI Content Generator
Build a practical AI-powered web app using Next.js, TypeScript, and Tailwind CSS. Create a content generator that takes user input, sends requests to an API, and displays generated results in real time. Learn how modern frontend apps interact with AI services while keeping the architecture simple and production-ready.
Develop a Cat Care Tracker with Next.js
Build a modern Cat Care Tracker application using Next.js, TypeScript, and Tailwind CSS. In this project, you will create a real pet care dashboard where users can manage daily care tasks, track health logs, monitor expenses, visualize pet data with charts, and organize everything in a clean component-based application structure.
Build a Car Explorer and Fuel Cost Calculator
Build a real car explorer app using Next.js, TypeScript, and Tailwind, connect external APIs to load vehicle and fuel data, and create a fuel cost calculator that turns raw numbers into practical insights. Develop features like favorites and comparison while structuring a clean and scalable frontend project.
Build a Formula 1 Race Dashboard App
Build a modern Formula 1 dashboard that displays real race data, season standings, and driver details in a clean, interactive interface. Practice working with APIs, dynamic pages, and polished UI patterns.
Build a Subscription Tracker App
Build a modern subscription tracker application using Next.js, TypeScript, and Tailwind CSS. Create a real-world finance dashboard where users can manage subscriptions, track recurring costs, filter expenses by category, save data with localStorage, and visualize spending with charts.
Create Movie Picker App with Next.js
Build a real movie discovery app from scratch using Next.js, TypeScript, and Tailwind. You will not focus on theory. Instead, you will build a complete frontend application step by step. You will work with a public API, display and filter data, implement pagination and load more behavior, create dynamic routes for movie details, and add a favorites system using local storage.
Build a Knowledge Tracker App with Next.js
Build a real Knowledge Tracker app step by step using Next.js, TypeScript, and Tailwind CSS. Focus on creating a modern UI, structuring components, and implementing core features like daily cards, categories, and progress tracking.
Build an AI Content Generator
Build a practical AI-powered web app using Next.js, TypeScript, and Tailwind CSS. Create a content generator that takes user input, sends requests to an API, and displays generated results in real time. Learn how modern frontend apps interact with AI services while keeping the architecture simple and production-ready.
Varför folk väljer Codefinity
The teaching methodology at Codefinity is excellent, and I particularly appreciate how it has prepared me to handle real-world coding problems. Currently, I am delving into Node.js and eagerly anticipate building full-stack projects that integrate all the knowledge I have gained.
My first course was 4 hours, I did it in a few days, "nugget-style". The instructions are very clear and easy to understand. There is even a hint to help you get the answer. I love the learning style that is used, it engages me.
I have really liked the browser-based lessons that allow me to code within the lesson. The RUN button allows me to test the code I write before submitting for a grade.
I have gained a lot of practical and logical thinking skills, along with patience for myself and confidence in myself that I can learn programming. Years ago, I would have never thought that I could learn programming in any way, shape or form, and I was able to obtain these certifications and skills with Codefinity.
The learning was progressive and made it easy to follow along and make progress. I could feel my skills increasing and building on each other as the course went along.
Steg-för-steg till fantastiska resultat
Vald av anställda på ledande företag
och studenter från toppuniversitet
Få omedelbar tillgång till 500+ kurser
Full tillgång till katalogen
Ett abonnemang öppnar denna kurs och hela vår katalog av projekt och färdigheter.Prova Codefinity med förtroende – 30-dagars pengarna-tillbaka-garanti ingår
Ofta ställda frågor
Hur får jag tillgång till plattformen?
Även om du kan studera med Codefinity på vilken enhet som helst, rekommenderar vi starkt att använda en dator eller laptop för att optimera din lärandeupplevelse.
Vad händer om jag har frågor medan jag lär mig?
Alla våra kurser har en integrerad AI-assistent, redo att hjälpa dig med eventuella frågor du kan ha under dina studier och hjälpa dig att lösa eventuella problem.
Är en teknisk examen nödvändig för att lära sig?
Nej, du behöver ingen tidigare erfarenhet för att börja lära dig. Våra kurser är utformade för nybörjare, så du kan enkelt börja din resa i teknikbranschen.
Har du fler frågor?
Formulera din fråga här





