isurux98 / strapi-nextjs-movie-app

next js app with strapi backend

Star Wars Movie Details App

Overview

This repository contains the source code for a web application that provides details about Star Wars movies. The app is built using Next.js for the frontend, Tailwind CSS for styling, and Strapi for the backend.

Features

• Next.js: Next.js is a React framework for building server-side rendered and static web applications.
• Tailwind CSS: Tailwind CSS is a utility-first CSS framework for quickly building custom designs.
• Strapi: Strapi is a headless CMS that provides a customizable API for managing content.

Getting Started

To get started with the development of this web application, follow these steps:

1. Clone the repository:

   git clone <repository_url>

2. Install dependencies:

   cd <project_directory>
   npm install

3. Start the Strapi backend:

   • Navigate to the films directory:

     cd films

   • Install dependencies:

     npm install

   • Start the Strapi server:

     npm run develop

4. Start the Next.js frontend:

   • Navigate to the film-ui directory:

     cd film-ui

   • Start the development server:

     npm run dev

5. Open the web application: Visit http://localhost:3000 in your web browser to view the Star Wars movie details app.

Folder Structure

• /films: Contains the Strapi backend for managing movie data.
• /film-ui: Contains the Next.js frontend for displaying movie details.

Screenshots