Master Next.js 14: Build a Powerful Expense Tracker App

BaDshaH 12 May 2024 05:28 LEARNING » e-learning - Tutorial

Master Next.js 14: Build a Powerful Expense Tracker App
Published 5/2024
Created by Sayed Rahmani
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz, 2 Ch
Genre: eLearning | Language: English | Duration: 18 Lectures ( 2h 17m ) | Size: 1 GB

Learn by Doing - Create a Beautiful and Functional Expense Tracker App with Next.js 14, Prisma, ShadcnUI and Postgres

What you'll learn:
Create a Next js 14 expense tracker app
Learn practical UI design and styling techniques
Connect to a database using Prisma
Add advanced functionality (create, edit, delete transactions)

Familiarity with HTML, CSS, and jаvascript is helpful. Understanding of React concepts will be beneficial
Learners should have Node js and npm (Node Package Manager) installed on their machines
Students will need a code editor (e.g., Visual Studio Code, Sublime Text, or WebStorm) for writing and editing code
No prior experience with Next js is required! This course is beginner-friendly, and we'll cover everything step by step

In this comprehensive course, you'll dive into building modern web applications using Next.js 14, PostgreSQL, Prisma, and Shadcnui. Whether you're a beginner or an experienced developer, this course will take you from zero to hero in creating an advanced expense tracker application.Key Areas Covered:Next.js 14 Fundamentals: Understand the basics of Next.js, including installation, folder structure, routing and other new features.Building an Expense Tracker with PostgreSQL and Prisma: Learn how to manage expenses, visualize spending, and design an intuitive user interface using these powerful technologies.Server Actions: Explore server actions as an alternative to traditional server-side rendering (SSR). Understand how to handle data and perform actions efficiently.User Interface with Shadcnui: Create a visually appealing UI for your expense tracker app using Shadcnui components.Authentication and Security: Implement user authentication using Next-Auth and protect routes based on user roles.Optimizing Static and Dynamic Pages: While SEO is not included, you'll still learn best practices for optimizing both static and dynamic pages.By the end of this course, you'll have the skills to create professional-grade web applications using Next.js 14, PostgreSQL, Prisma, Tailwindcss and Shadcnui. Join me on this exciting journey, and let's build something amazing together!

Who this course is for:
If you're already familiar with web development and want to level up your skills by diving into Next js, this course is perfect for you
Front-end developers who want hands-on experience building real-world applications will benefit from this course
Even if you're new to web development, don't worry! We'll start from the basics, making this course beginner-friendly
Business owners, freelancers, or startup founders looking to create efficient expense tracking apps will find valuable insights here
If you're curious about Next js and want to explore its capabilities, join us on this learning journey


High Speed Download

Add Comment

  • People and smileys emojis
    Animals and nature emojis
    Food and drinks emojis
    Activities emojis
    Travelling and places emojis
    Objects emojis
    Symbols emojis
    Flags emojis