Promptopia | React.js, TailwindCSS, Next.js 14

This website can be used as porfolio for web app developers. Showcasing my background works, strong sides, feedbacks from others and contact information.

Demo web site: https://share-promts-ld75-iqam0ogk4-jaykhakims-projects.vercel.app/

1. Next.js 14 App Folder Structure ✅
2. Next.js 14 Client Components vs Server Components ✅
3. TailwindCSS - a popular utility-first CSS styling framework✅
4. Next.js 14 File-based Routing (including dynamic and nested routes)x✅
5. Next.js 14 page, layout, loading, and error Special Files✅
6. Next.js 14 Serverless Route Handlers (Next API, Full Stack Apps).✅
7. Next.js 14 Metadata and Search Engine Optimization (SEO)✅
8. Three ways to fetch data in Next.js:
   • Server Side Rendering (SSR)✅
   • Static Site Generation (SSG)✅
   • Incremental Static Generation (ISR)✅
9. Google OAUTH✅

1. Main UI

---

2. After logging

---

3. Creating post

---

4. Profile page

---

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.