A sleek and sexy file manager built with Next.js and HeroUI.
Originally created as my CS50x final project , now evolving into a long-term side project.
Community pull requests are welcome.
Warning
NHFS Is Still In Development — Features are not well tested and may crash.
NHFS-Demo.mp4
- Preview Files — Videos, Images, and Audio
- File Info — Size, Path, and Date, etc.
- File Uploads — With drag & drop support
- Create, Delete, Move, Rename, and Copy files directly on the server
npx nhfs--port,-p— Server port (default:3000)--dir,-d— Base directory to serve (default: current working directory)--hostname,-h— Hostname (default:localhost)
Example:
npx nhfs -p 8080 -d ./files -h 0.0.0.0- Authentication (user login & permissions)
- Secure File Operations — e.g., secure delete, move, copy
- Search Files
- Text Preview + Syntax Highlighting 🎨
- Multiple File Selection
- Folder Size in Info
- File Icons by Type
- Download Directory as ZIP
- Resumable Uploads
- Resumable Downloads
- Next.js 15 (App Router)
- HeroUI (UI components)
- React Dropzone (drag-and-drop)
- TypeScript
- Node.js / Express-style API routes for backend logic
Warning
Windows support is not tested yet. If you are on Windows, use WSL.
git clone https://github.com/AnEntrypoint/NHFS.git
cd NHFSnpm installEdit .env to set the base directory.
If not configured, the current working directory will be served.
npm startSee the Contributing Guide.
Note
Life’s a little packed for me right now — I’m balancing a busy schedule and a few other projects. I still care about this one and will check in when I can, but updates might be a bit slower. Thanks for your patience and for giving it a try! 💛
This project is licensed under the MIT License. See LICENSE for details.