Skip to content

cimorn/WebHome

Repository files navigation

✨ Aurastart

Version License Next.js MongoDB

A minimalist, aesthetic personal startpage with drag-and-drop sorting & privacy features.

Live Demo · Report Bug · 🌏 README in Chinese

App Screenshot


📖 Introduction

Aurastart is your starting point for digital life. Built with Next.js and MongoDB, it abandons the clutter of traditional startpages in favor of a "Clean White" aesthetic and "Aura UI" design.

It features multi-engine search, drag-and-drop sidebar sorting, and a unique "Invisible Admin Mode" to protect your private links.

✨ Features

🎨 UI/UX Design

  • Dashboard Layout: 3-column layout featuring Time/Weather, Identity, and Daily Quotes.
  • Minimalist Aesthetic: Clean white style with refined shadows and rounded corners.
  • Responsive Sidebar: Auto-collapsing sidebar that switches to icon-only mode.

🛠️ Functionality

  • Multi-Search: Switch between Google, Baidu, and Bing with dropdown memory.
  • Drag & Drop Sorting: Reorder sidebar categories freely, synced to DB.
  • Privacy Vault: Hidden "Secret Links" revealed only in Admin Mode.
  • Pin to Home: Pin your favorite links to the main dashboard.
  • Batch Import: Import bookmarks via Excel (.xlsx).

🔐 Geek Mode

  • Invisible Login: Type your password directly into the search bar to unlock Admin Mode.
  • Visual Editing: Edit or delete links directly on the UI.

🛠️ Tech Stack

🚀 Installation & Deployment

0. Database Setup

Before running the project, you need a MongoDB database.

  • Option A: Zeabur (Recommended): Create a MongoDB service in Zeabur and copy the connection string.
  • Option B: MongoDB Atlas / Local: Use a standard connection string.

1. Local Development

# 1. Clone repo
git clone [https://github.com/cimorn/Aurastart.git](https://github.com/cimorn/Aurastart.git)
cd Aurastart

# 2. Install dependencies
npm install

# 3. Configure Environment Variables
# Create a .env.local file in the root directory

File: .env.local

# Your MongoDB Connection String
MONGODB_URI=mongodb://user:pass@host:port/db_name

# Secret key for JWT (Any random string)
ADMIN_PASSWORD=your_super_secret_key_here
# 4. Run
npm run dev

Visit http://localhost:3000.

2. Deploy to Zeabur

The easiest way to deploy is using Zeabur.

  1. Fork this repository to your GitHub.
  2. Log in to Zeabur Dashboard.
  3. Create New Project -> Deploy New Service -> Git.
  4. Select your forked Aurastart repo.
  5. Important: Go to the Variables tab and add:
    • MONGODB_URI: (Your MongoDB connection string)
    • JWT_SECRET: (Random string)
  6. Zeabur will automatically build and deploy.

📂 Data Import (Excel)

You can import bookmarks in bulk using an Excel file. The header row must include:

Column Description Example
title Site Name GitHub
url Link URL https://github.com
category Category Name Tools
icon Emoji or Image URL 🐙
desc Description Code Hosting
isSecret Private Link? (TRUE/FALSE) FALSE
isPinned Pin to Home? (TRUE/FALSE) TRUE

🤝 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.

About

✨ A minimalist & aesthetic personal startpage. Features drag-and-drop sorting, multi-engine search, and an invisible admin mode for privacy. Built with Next.js 14 + MongoDB.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages