Deployment Process
This guide will walk you through deploying the UNIQUE Delivery application to your domain (uniquevapors.app). Follow these steps carefully to ensure all routes are accessible after deployment.
1Deploy to Production
Click the "Deploy" button in your Replit project to start the deployment process. This will build the application for production and deploy it to the Replit platform.
Success Indicator: You'll see a success message with the URL of your deployed application.
2Connect Custom Domain
To connect your uniquevapors.app domain to the deployed application:
- Go to the project dashboard on Replit
- Navigate to the "Deployments" tab
- Click "Add Domain" and enter "uniquevapors.app"
- Follow the DNS configuration instructions provided
- Add the required DNS records at your domain registrar (GoDaddy)
- Verify the domain connection
Note: DNS propagation can take up to 24-48 hours. During this time, the domain may not be accessible.
3Verify Route Accessibility
After deployment, verify that all routes are accessible by visiting each of these URLs:
Important: If any routes return a 404 error, check the server configuration to ensure all routes are properly configured.
Route Configuration
The application is configured to handle routes in multiple ways to ensure maximum compatibility:
Route Type | Description | Examples |
---|---|---|
Static HTML | Direct HTML files served from the public directory | /products.html, /cart.html |
SPA Routes | React routes that are handled by the client-side router | /products, /cart, /checkout |
API Endpoints | Server routes that return JSON data | /api/products, /api/orders |
Dynamic Routes | Routes with parameters handled by the SPA | /products/:id, /category/:slug |
How Routing Works
The server is configured to handle routes in this order:
- Direct static file serving for HTML files in public directory
- Specific subdirectory handling for admin, vendor, etc.
- SPA routes that fallback to their HTML counterparts
- Dynamic routes with parameters that fallback to the SPA
- Final catch-all route handler to ensure no 404s
Technical Note: The deployed application uses Express.js to serve static files and handle API routes, with a custom fallback mechanism to ensure all routes work correctly.
Mobile App Experience
The iOS/Android-friendly mobile app experience is available at:
uniquevapors.app/mobile-app.html
This provides an app-like experience with bottom navigation and is optimized for mobile devices. It's perfect for users who want a more app-like experience without having to download a native app.
Testing Deployment
Use the Route Tester tool to verify all routes are accessible:
uniquevapors.app/route-tester.html
This tool provides links to all pages and allows you to verify they load correctly after deployment.
Congratulations! Your UNIQUE Delivery app is now deployed and accessible at uniquevapors.app. All routes should be working correctly!