/Airbnb-clone

Primary LanguageJavaScript

Next.js Project

Welcome to the Next.js project! This project is Airbnb clone websites built using the Next.js framework.

Getting Started

Follow these steps to get started with the project:

  1. Clone the repository:

  2. Install dependencies:

  3. Run the development server:

The development server will start, and you can access the application in your browser at http://localhost:3000.

Start project

npm run dev

Project Structure

The project's folder structure is organized as follows:

  • pages/: Contains the application's routes and pages.
  • components/: Reusable components used in the application.
  • public/: Publicly accessible files like images.
  • styles/: Global styles for the application and I used Tailwind for css.

Features

  • Client Server Rendering (CSR): The application uses Next.js to enable server-side rendering for better SEO and performance.

  • Routing: Easily define routes and create dynamic pages in the pages/ directory.

  • Components: Reusable components for building your UI.

  • Styling: Styling is done using CSS-in-JS with styled-components or other CSS frameworks.

Deployment

my github: https://github.com/nyirurugoomar

Contributing

Feel free to contribute to the project. You can open issues, submit pull requests, and help improve the application.

devDependencies

"autoprefixer": "^10",
"eslint": "^8",
"eslint-config-next": "^13.5.6",
"postcss": "^8",
"tailwindcss": "^3"

dependencies

"heroicons": "^2.0.18",
"next": "^13.5.6",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-icons": "^4.11.0"