Next Level with Next.js: Elevate Your Web Development Game

Name: Next Level with Next.js: Elevate Your Web Development Game
Start: 2025-01-29T18:00:00+08:00
End: 2025-01-29T21:00:00+08:00

GDG on Campus University of San Carlos - Cebu, Philippines

Provide a practical introduction to Next.js and its key features, enabling participants to build and style modern web applications.

Jan 29, 10:00 AM – 1:00 PM (UTC)

75 RSVP'd

Key Themes

Certification Study GroupNextWeb

About this event

Take your web development skills to the next level with this hands-on workshop focused on Next.js.  After learning the basics last Saturday, you will now create your first ever Next,js project. This will cover the fundamentals of client and server components, data fetching, and more! Come and join us in setting you on a path to creating professional-grade websites and applications. Let’s take your skills to the Next Level! 

When

Wednesday, January 29, 2025
10:00 AM – 1:00 PM (UTC)

Agenda

10:00 AM	Workshop Introduction	Brief overview of the agenda and objectives
10:10 AM	Getting Started with Next.js	Introduction to its features and benefits
10:25 AM	Core Concepts	Routing and Navigation: Create pages and implement dynamic routing. Project Structure: Overview of folders and files in a Next.js project.
10:40 AM	Data Handling and Rendering	Client and Server Components: Understand how Next.js handles server and client rendering. Data Fetching: Explore getStaticProps and getServerSideProps for fetching data.
11:10 AM	Styling in Next.js	Global Styles: Implement basic global styling. CSS Modules: Use scoped CSS for modular styling. Tailwind CSS: Integrate Tailwind for utility-first styling. DaisyUI: Enhance designs with pre-styled components.
11:40 AM	Final Project and Q&A	activity and open forum