Skip to content

theNaut1lus/drive-tutorial

Repository files navigation

Drive Clone

Netlify Status

TODO

  • Set up database and data model
  • Move folder open state to URL
  • Add Auth
  • Add file uploading
  • Add analytics
  • merge db pull request onto main and start onto new branch to save state.
  • folder views push to use router and onto URL
  • Change folders to link components, remove all client state
  • clean up the database and data fetching patterns
  • Add ownership to files and folders
  • upload files to the correct folder
  • delete files button
  • allow non-image file upload
  • real homepage
  • onboarding
  • fix netlify redirects
  • fix sort order

Technologies used:

v0 : for creating component samples for us to mock up a google drive looking UI with data props netlify: for live hsoting, live demo accross all branches and pull requests. singlestore: does everything, high perf transactions, scalable, get analytics of rel dbs and perf of document stores. alrady have drizzle bindings. get 1 db free. netlify: cloud storage, quick deploy from github, PR previews. singlestore + drizzzle: database storage on sqlite and database connection library. clerk: user management and auth. Also gives alot of pre-made components for sign-in/out stuff that helps us not to make these ourselves. we'll be in dev mode so no need to create an application specific oauth, will use the the clerk servers. uploadthing: file uploads functionality for web apps. free 2gb storage. posthog: app analytics

Note from 25/03/2025: just finished connected database.

  • update schema to show files and folders
  • Manually insert examples
  • Render onto UI
  • Push and make sure all works

26/03/2025: db rendering done

27/03/2025: folder urls on routes

28/03/2025: clerk auth, file uploads using tailwind v4

Extra todo:

  • Folder deletion: make sure to fetch all the folers and files that have the folder in question as a parent, and then are deleted as well.

About

google drive clone in next.js using singlestore and netlify

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published