Skip to content

Jay-Khakim/share-promts

Repository files navigation

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

image


2. After logging

image


3. Creating post

image


4. Profile page

image


Learn More

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

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.

Releases

No releases published

Packages

No packages published