Filespace - Next.js Cloud Storage Template

What is included

• Every view has a URL. Folders, Shared, Recent, Favourites and Bin are routes, and the app opens on whichever the profile names.
• The explorer never remounts. Opening a folder pushes its name into the URL, so sort, density and scroll survive the move.
• Previews read the file. PDFs render through pdf.js, an .xlsx parses into its own grid, and a .zip lists its entries.
• A viewer for pictures. Wheel and pinch zoom stay anchored on the pointer, with drag to pan, arrow keys and a filmstrip.
• Sharing resolves inheritance. A file inside a shared folder shows that folder's people, tagged and locked, above its own grants.
• One interface, two stores. A DriveRepository with a demo implementation and a live stub, switched by one environment variable.
• Writes roll back. Every edit lands immediately and reverts the whole snapshot when the repository rejects it.
• A folder downloads as a ZIP. Built in the browser from the files themselves.

Who it is for

• Teams with storage and no interface The explorer, share panel and previews are done; the work left is one adapter.
• Studios handing files to clients A shared folder, an access panel, a bin and a revision history all render today.
• SaaS apps that need a files tab Folder tree, list and grid views, multi-select and a bulk action bar arrive together.

Frequently asked questions