airbnb_clone Tailwind Templates

Airbnb_clone

React, Redux, NextJs, Router, Prisma Tailwind, MongoDb

This is a Next.js project bootstrapped with create-next-app.

Run image in the docker container in lcoal host

docker-compose up -d detached mode in the background docker logs mongo check if running now you can check in the .env if the connection is right such as mongodb://localhost:27017

Getting Started

Create a .env file and add a DATABASE_URL with a mongodb connection [cluster name can be different] DATABASE_URL="mongodb+srv://[id]:[password]@cluster0.eoitbl0.mongodb.net/[db]"

if locally DATABASE_URL="mongodb://localhost:27017/local?authSource=admin&retryWrites=false"

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.ts.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

install mongodb locally

push prisma db

npx prisma db push

known errors

  • mongodb needs replica to work with but locally, mongodb doesn't do the transaction. There is a workaround.

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.

How to run locally in real

  1. Open the docker desktop
  2. Execute docker-compose up -d
  3. Sometimes if you're not using Mongodb, the cluster is in sleep, go https://cloud.mongodb.com/v2/64482a6f6339a26c317dbdc8#/clusters and re-enable
  4. in another terminal, run npm run dev

Top categories

Loading Svelte Themes