Rewrite BlazeB2 Image Hosting Service using Next.js
Jun 25. 2024

Summary
RyanAI
Loading.
This content is generated based on the article and is only used for explanation and summary of the article content.

Old page viewNew page view

Due to the fact that the frame is older, I decided to rewrite it using Next.js. It also has a lot of features that I want to add, and easy to maintain.

Technical Selection

  1. Next.js
  2. Tailwind CSS
  3. shadcn/ui

Plan Design Features

  1. support config(config.json).
  2. support upload(drag、paste、click、select).
  3. support download (download once、download selected).
  4. support delete (delete once、delete selected).
  5. support sort (name、size、time).
  6. support preview (image、video、audio).
  7. support copy markdown link or html link.
  8. support pwa (offline support).
  9. support dark mode.
  10. support multi-language.
  11. support image masonry Layouts or gird Layouts.
  12. support image watermark/compress.
  13. support and so on …

Design Inspiration Source

Development

> comment on / twitter
>
CC BY-NC-SA 4.0 2021-PRESENT © Ryan uo