Next.js Clerk Shadcn Starter with OpenRouter LLM Integration

Welcome to the Next.js Clerk Shadcn Starter with OpenRouter LLM Integration! This project combines the power of Next.js, Clerk, Shadcn UI, and OpenRouter to provide a seamless and intelligent conversational experience.

🚀 Overview

This template is based on two primary sources:

✨ Features

  • Next.js: A powerful React framework for building server-side rendered and statically generated web applications.
  • Clerk: Provides user authentication and management.
  • Shadcn UI: A collection of accessible and customizable UI components.
  • OpenRouter: Integration with OpenRouter API for access to cutting-edge Large Language Models (LLMs).
  • Tailwind CSS: A utility-first CSS framework for rapid UI development.
  • TypeScript: A statically typed superset of JavaScript.

🛠️ Tech Stack

  • Next.js: Version 13+
  • React: Version 18+
  • TypeScript
  • Tailwind CSS
  • Clerk
  • Shadcn UI
  • OpenRouter API

🖥️ Getting Started

Prerequisites

  • Node.js (v14 or later)
  • npm or yarn
  • An OpenRouter API key

Installation

  1. Clone the repository:
    2. git clone https://github.com/your-username/next-clerk-shadcn-starter.git
    cd next-clerk-shadcn-starter
  2. Install dependencies:
    3. npm install
    # or
    yarn install
  3. Set up environment variables:

    4. Copy .env.example to .env.local and fill in your OpenRouter API key and other required variables.

  4. Run the development server:
    5. npm run dev
    # or
    yarn dev

    Open http://localhost:3000 in your browser to see the application.

🖥️ Usage

  1. Enter your message in the chat input field.
  2. Press "Send" or hit Enter to submit your message.
  3. The AI will process your input and provide a response.
  4. Continue the conversation as desired.

🚀 Deployment

This project is set up for easy deployment on Vercel:

  1. Push your code to a GitHub repository.
  2. Connect your GitHub account to Vercel.
  3. Select the repository and configure your environment variables.
  4. Deploy!

For more detailed instructions, check out the Next.js deployment documentation.

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

📝 License

This project is MIT licensed.

🙏 Acknowledgements

📄 Demo

Check out the live demo: Demo Link

🙏 Special Thanks

A heartfelt thank you to Sharon for her incredible work on the OpenRouter LLM Integration. Your contributions have been invaluable to this project!

Made with ❤️ by Cyril Monkewitz