Getting Started with Next.js

Let's quickly learn React's core design patterns through concepts and examples!

The third installment in the One Bite series! This is the kindest and most detailed Next.js course in the world. We’ll explore not only the App Router but also the Pages Router through hands-on projects.

Learn how to build a real-time fire detection system using Next.js, YOLOv11, and FastAPI.

We have prepared this for those who want to achieve optimal results by utilizing AI, which is essential in the AI era. In just 2 hours, you can properly learn how to utilize AI through coding.

Have you ever had these concerns? I’ve learned React, but I don’t know what to actually build. I want to create a portfolio, but I can’t think of anything besides a Todo app. Map APIs or Public APIs seem difficult, so I haven’t even tried them. I’ve never deployed anything, so it always ends as a “local project.” The code is getting more complex, and I don’t know how to design the architecture. 🎯 Problems this course solves This course isn’t just about showing you how to display a map. ✔ How to connect Public APIs to a real service ✔ How to stably design Map SDKs within a React structure ✔ Marker optimization and reusable InfoWindow structures ✔ State management design using Context ✔ Practical application of Tailwind + SCSS ✔ GitHub organization and Vercel deployment I will teach you how to design with a real service structure, not just "implementing features." 💡 This is not a "just follow along" course Why we use useRef Why you shouldn't create new markers every time Why you need to separate state Why environment variables must be managed separately in production There is a reason for every choice. This course explains those "reasons." 🚀 After taking this course, you will: Complete one map-based portfolio project Gain experience integrating Public APIs Understand the structure of attaching external SDKs to React Gain experience in designing professional-grade project structures Have deployment experience And you’ll be able to say this in an interview: “I personally designed and deployed a map service based on Public APIs.” This one sentence makes a huge difference. 👩‍💻 Recommended for: Those who know basic React syntax but lack project experience Those who want to build a portfolio for employment Those who wanted to try a Map/Public API project Those who want to learn design patterns close to real-world practice 🔥 The Goal of this Course This course is not about “how to make a map,” but about learning the “mindset of designing a service.”

This course will teach you the fundamentals of developing creative, interactive web pages.

This is a lecture where you can learn JavaScript through theory and practice. We explain step by step so that even those who are new to coding can easily understand. Part 1 covers an overview of JavaScript, variables, data types, operators, control statements, and the basics of jQuery.

Supabase, the wings for your full-stack development! Through three clone projects, you will quickly learn how to perform professional-level full-stack development using Next.js 14 and Supabase.

This is a practical project course on running Whisper locally and quickly developing an AI speech recognition app using FastAPI and Next.js. You'll implement real-time speech recognition and complete a project that can be used as a simple portfolio piece in a short amount of time.

We have entered an era where it has become incredibly easy for web developers (especially React developers) to launch apps. With Expo, you can release both Android and iOS apps even faster. Let's become developers who can quickly launch apps through Expo.

While LLMs are currently transforming the development environment, what truly matters is not just "writing code on your behalf" but integrating them as features into a service. This course provides a step-by-step guide to implementing a lightweight yet polished Tarot reading service using Next.js and the OpenAI API. In the first stage, we will build an MVP that works without a backend, connecting the user input flow (questions/threads/card selection) to result generation. In subsequent stages, we will expand the functionality by building a backend, implementing general login and OAuth, adding community features, and creating a reading dashboard. Finally, we will conclude by deploying to AWS and integrating Google AdSense to complete a service ready for actual operation. Additionally, we will cover understanding pricing structures and cost optimization strategies to ensure that LLM API usage costs do not become a burden.

Supabase to give wings to full-stack development! Complete full-stack development in 2 hours with Supabase, a superset of Firebase.

Building your own emotional diary service with Spring AI + React It's time for our 4th project with Neo + Essential!

🔥 Building a customized platform for learning Chinese characters! Utilize Google Gemini AI and Firestore to implement your own Chinese character vocabulary list, stroke order animations, and even handwriting recognition!

Even today, as modern technologies like React have become widespread, jQuery remains a technology you will still encounter when operating and maintaining existing websites and in web publishing work. Rather than simply recreating flashy effects, you will learn the principles and fundamentals of how jQuery works, progressing step by step from events and animations to a variety of UI interactions. Complete your portfolio through hands-on practice and develop practical web publishing skills that you can apply in the workplace.

It’s an easy and fun click-through lesson. You can use it as a reference for the direction of your portfolio.

💸 A profitable AI agent web service course where real payments happen! ❗ Stop making websites just for your portfolio and build an <AI Commentary Product Mall> with 'infinite inventory and zero cost'! 🤖 Build a solid foundation starting from the 'service specification' with your AI development team members, just like working with a human development team!

Throw away those simple services you can make with vibe coding in just 10 minutes! You can learn 'real' practical vibe coding. Let's create advanced services at the level of actual services according to planning and design with Cursor AI NCOP. No Code, Only Prompt

This course will help you learn JavaScript through theory and practice. It explains step by step so that even beginners can easily understand. Part 2 covers JavaScript functions and events, types of functions, and core libraries.

The trending "Vibe Coding"! You can learn how to develop and deploy a website (Next.js) with just a few clicks using AI tools. We will even show you how to develop using Google Gemini Pro for free.