Skip to content

A dynamic portfolio website using headless Payload CMS for content management, Next.js with ISR for rendering, Tailwind CSS for styling, React for user interaction, and Flowbite React for UI components. Deployed on Vercel. Responsive and SEO optimized.

Notifications You must be signed in to change notification settings

johnlomat/portfolio-payload-next-app-router

Repository files navigation

Table of Contents

Features

  • Dynamic Content Management: Integrated with headless Payload CMS for managing and delivering dynamic content.
  • ISR Rendering: Utilizes Next.js Incremental Static Regeneration (ISR) to update static content without rebuilding the entire site.
  • Tailwind CSS: Provides a utility-first CSS framework for fast and responsive design.
  • React Components: Uses React for interactive user interfaces and state management.
  • Flowbite React: Incorporates Flowbite React component library for pre-built UI components.
  • Next.js App Router: Uses Next.js App Router for dynamic routing and page navigation.
  • Responsive Design: Ensures optimal viewing experience across a wide range of devices.
  • Custom Components: Includes reusable components for headers, footers, sections, and UI elements.
  • SEO Optimization: Enhances visibility with optimized metadata and page titles.
  • Static Asset Management: Utilizes Next.js public directory for managing images and other static assets.

Technologies Used

  • Next.js: React framework for server-side rendering, client-side routing, and ISR.
  • Tailwind CSS: Utility-first CSS framework for rapid UI development.
  • React: JavaScript library for building user interfaces and managing state.
  • Flowbite React: Component library for pre-built UI components integrated with Tailwind CSS.
  • Vercel: Hosting platform for static websites and projects, providing seamless deployment and hosting.
  • Payload CMS: Headless CMS for managing and delivering dynamic content.
  • Node.js: Runtime environment for server-side logic and API handling.
  • Nodemailer: Node.js module for sending emails from the contact form.

Deployment

The website is deployed using Vercel, ensuring seamless deployment and hosting with automatic deployments from GitHub.

About

A dynamic portfolio website using headless Payload CMS for content management, Next.js with ISR for rendering, Tailwind CSS for styling, React for user interaction, and Flowbite React for UI components. Deployed on Vercel. Responsive and SEO optimized.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages