raindrop-nextjs-bookmark-starter-kit Tailwind Templates

Raindrop Nextjs Bookmark Starter Kit

A sleek, modern bookmark manager powered by Raindrop.io API and built with Next.js 15 (App Router), TypeScript, Tailwind CSS, and ShadCN UI components.

Bookmark Nexus

A sleek, modern bookmark manager powered by Raindrop.io API and built with Next.js 15 (App Router), TypeScript, Tailwind CSS, and ShadCN UI components.

Bookmark Nexus Screenshot

Features

  • 📚 View all collections and bookmarks from your Raindrop.io account
  • 🌓 Dark/Light mode toggle
  • 🔥 Modern UI with ShadCN UI components
  • 📱 Fully responsive design
  • 🔄 Auto-refreshes data hourly

Getting Started

Prerequisites

  • Node.js 18+
  • A Raindrop.io account and API token

Installation

  1. Clone the repository:
git clone https://github.com/yourusername/notion-nextjs-waitlist-starter-kit
cd notion-nextjs-waitlist-starter-kit
  1. Install dependencies:
npm install
  1. Create a .env.local file in the root directory with your Raindrop.io API token:
RAINDROP_ACCESS_TOKEN=your_token_here

Running the Development Server

npm run dev

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

Building for Production

npm run build
npm start

How to Get Your Raindrop.io API Token

  1. Create a Raindrop account at raindrop.io if you don't have one
  2. Navigate to the settings by clicking on your user information in the upper-right corner
  3. Go to the "Integrations" section
  4. Under the "For developers" area, create a new app and generate a test token

Technologies Used

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Top categories

Loading Svelte Themes