Your server is ready with Node.js 20.20.2. Here's how to deploy your Leaf Leisure website:
Click the three dots menu (top right) → "Download ZIP" and extract it on your local machine.
Use FTP, SFTP, or SCP to upload the extracted folder to your server:
scp -r ./v0-project user@your-server-ip:/var/www/leaf-leisureSSH into your server and run:
cd /var/www/leaf-leisure
npm install
npm run buildFor production, use a process manager like PM2:
# Install PM2 globally
npm install -g pm2
# Start your app
pm2 start npm --name "leaf-leisure" -- start
# Make it restart on server reboot
pm2 startup
pm2 saveIf you have Nginx or Apache, configure it to proxy requests to port 3000:
Nginx example:
server {
listen 80;
server_name yourdomain.com;
location / {
proxy_pass http://localhost:3000;
proxy_http_version 1.1;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
}
}Visit http://your-server-ip:3000 (or your domain if you set up the proxy).
Do you need help with any specific step, like setting up PM2 or configuring your web server?
To add a new menu item, edit the navigation array in /components/header.tsx:
const navigation = [
{ name: 'Home', href: '/' },
{ name: 'Rooms', href: '/rooms' },
{ name: 'Amenities', href: '/#amenities' },
{ name: 'Book Now', href: '/booking' },
{ name: 'Contact', href: '/contact' },
{ name: 'Gallery', href: '/gallery' }, // Add your new item here
]Simply add an object with:
name - The text displayed in the menuhref - The link destination (e.g., /gallery, /about, /#section-id)Examples:
| Menu Item | Code |
|---|---|
| Gallery page | { name: 'Gallery', href: '/gallery' } |
| About page | { name: 'About Us', href: '/about' } |
| Link to section | { name: 'Pool', href: '/#pool' } |
| External link | { name: 'Facebook', href: 'https://facebook.com/yourpage' } |
Would you like me to add a specific menu item for you? Just tell me what page or section you want to add.