Julep AI Showcase Landing Page

The main landing page for showcasing AI applications built with Julep.

Features

• 🎨 Modern, responsive design matching Julep's branding
• 🔍 Search and filter functionality for use cases
• 📱 Mobile-friendly interface
• ⚡ Built with Next.js 14 for optimal performance
• 🚀 Configured for standalone deployment

Tech Stack

• Framework: Next.js 14 (App Router)
• Language: TypeScript
• Styling: Tailwind CSS
• Icons: Lucide React
• Deployment: Standalone output for self-hosting

Getting Started

Development

# Install dependencies
npm install

# Run development server
npm run dev

Visit http://localhost:3000 to see the application.

Production Build

# Build for production
npm run build

# Start production server
npm start

Deployment

This application is configured for standalone deployment on your own server.

Using PM2

# Build the application
npm run build

# Start with PM2
pm2 start npm --name "showcase-landing" -- start

# Save PM2 configuration
pm2 save
pm2 startup

Nginx Configuration

Add this to your nginx configuration to serve the landing page at showcase.julep.ai:

location / {
    proxy_pass http://localhost:3000;
    proxy_http_version 1.1;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection 'upgrade';
    proxy_set_header Host $host;
    proxy_cache_bypass $http_upgrade;
}

Adding New Use Cases

To add a new use case, edit /lib/use-cases.ts:

{
  id: 'unique-id',
  title: 'Your Use Case Title',
  description: 'Brief description',
  category: 'content' | 'data' | 'automation' | 'analysis',
  techStack: ['Tech1', 'Tech2'],
  demoUrl: '/your-demo-path',
  githubUrl: 'https://github.com/...',
  status: 'live' | 'beta' | 'coming-soon',
  icon: '🎯'
}

Environment Variables

No environment variables are required for the basic setup. For future enhancements (API endpoints, analytics), create a .env.local file.

Project Structure

showcase-landing/
├── app/              # Next.js app router pages
├── components/       # React components
├── lib/             # Utilities and data
├── public/          # Static assets
└── next.config.mjs  # Next.js configuration

Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

License

This project is part of the Julep AI ecosystem.