melawlah/ai_prompts_app
Ruth Ariyo
Frontend Engineer
Software Engineer
Next.js
Node.js
React
Table of contents
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.
