Overview

Outfitly is an E-Commerce web app where users can buy trending outfits for men, women, and kids. It utilizes Next.js on the frontend with features such as Server Side Rendering, Server Components, built-in Image optimization, and a file-system based App Router. The app is fully responsive for all screens, from small devices to large monitors, powered by Tailwind CSS. It uses Strapi as a headless CMS for the backend, with stateless authentication using JWT and Stripe payments integration for processing customer payments. Additional features include filtering, sorting, and pagination on the products page using GraphQL APIs, as well as form handling and validations using Formik and Yup on the login page.

Features

• Next.js on the frontend
• Server Side Rendering
• Server Components
• Built-in Image optimization
• File-system based App Router
• Fully responsive design powered by Tailwind CSS
• Strapi as a headless CMS
• Stateless authentication with JWT
• Stripe payments integration
• Filtering, sorting, and pagination on products page using GraphQL APIs
• Form handling and validations using Formik and Yup on login page

Installation

To get a local copy of Outfitly up and running, follow these simple steps:

1. Clone the repository:

   git clone [repository url]
   

2. Install NPM packages:

   npm install
   

3. Run the development server:

   npm run dev
   

Summary

Outfitly is an E-Commerce web app that offers trendy outfits for men, women, and kids. It is built with Next.js on the frontend, using features like Server Side Rendering, Server Components, Image optimization, and a file-system based App Router. The app is fully responsive and powered by Tailwind CSS. It utilizes Strapi as a headless CMS for the backend, with JWT authentication and Stripe payments integration. Key features include GraphQL APIs for filtering, sorting, and pagination on the products page, as well as form handling and validations using Formik and Yup on the login page.