Table of contents

• Overview
  • The challenge
  • Getting started
  • Screenshot
• My process
  • Built with
  • What I learned
  • Useful resources
• Author
• Acknowledgments

Overview

The challenge

A full-stack responsive web application built to explore Next.js and its integration within the React ecosystem.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

Screenshot

My process

Built with

• Next.js - React framework
• React - JS library
• Node.js - JS framework
• MongoDB - Database
• TailwindCSS - For styles

What I learned

• Next.js 14 Client Components vs Server Components
• Next.js 14 File-based Routing (including dynamic and nested routes)
• Next.js 14 Serverless Route Handlers (Next API, Full Stack Apps)

Useful resources

• Javascript Mastery - This helped me understand Next.js concepts and provided beautiful design assets to complete this project.

Author

• Website - Ruth Ariyo

Acknowledgments

Adrian of JavaScript Mastery is an excellent and dedicated teacher. He puts his all into his tutorials.