Next.js 13 Project

Promptopia - AI Prompting App

App description

This app is an open source AI Prompting tool that helps users to discover, create and share creative prompts. The user can search for tags, usernames and prompted content. Basically this project represents a Full Stack Next.JS13 CRUD App. The application can be checked and tested at : https://promptopia-ruby-zeta.vercel.app/.

What I learned

In this project I've learned and practiced :

• Tailwind CSS
• Next.js 13 App Folder Structure
• Next.js 13 Client Components vs Server Components
• Next.js 13 File-based Routing (including dynamic and nested routes)
• Next.js 13 page, layout, loading, and error Special Files
• Next.js 13 Serverless Route Handlers (Next API, Full Stack Apps)
• Next.js 13 Metadata and Search Engine Optimization (SEO)
• Three ways to fetch data in Next.js:
  • Server Side Rendering (SSR),
  • Static Site Generation (SSG)
  • Incremental Static Generation (ISR)
• How to use and configure Google Console to allow Google authentication
• MongoDB configuration and usage for database management
• How to use Vercel for application deployment

Home Page

Profile Page

Confirm Deletion and Edit Page

Create Post and Live Search of prompts

Mobile view