--- title: "Full bộ source code Bento Social Network (NEXT & Express)" description: "" canonical: "https://200lab.io/blog/full-bo-source-code-bento-social-network-next-express" published: "2024-11-11T05:27:32Z" updated: "2026-08-21T07:17:51Z" authors: ["Việt Trần"] tags: ["Frontend", "Backend", "Showcase"] reading_minutes: 1 access: "public" --- FULL Source Code (FE & BE) cho một Social Network cơ bản (có [live demo]()) cho các bạn đang tìm hiểu các stack như React, Next, TailwindCSS, Express, Prisma, MySQL, Redis... Bộ source code được team chia làm 3 options: 1. HTML TailwindCSS only. 2. React TailwindCSS only. 3. Next + Express. Cả 3 bộ source code trên team share trên tinh thần chia sẻ và tham khảo là chính, mức độ hoàn thiện chắc chắn không cao như một product chuẩn chỉnh. Mong mọi người không quá khắc khe. Nếu các bạn thấy nó hữu ích, đừng ngại share/lưu lại bài viết này tới bạn bè nhé. ## Đọc thêm - [Cách để website đạt Agent Ready - Chỉ có llms.txt hay render Markdown là chưa đủ](https://200lab.io/blog/cach-de-website-dat-agent-ready.md): llms.txt và bản Markdown mới là phần dễ thấy. Website Agent Ready còn cần twin đúng quyền, negotiation an toàn, cache không nhầm và UI cho Agent dùng browser. - [Hành vi giúp Phân biệt các Senior Engineer với những người còn lại](https://200lab.io/blog/hanh-vi-giup-phan-biet-cac-senior-engineer-voi-nhung-nguoi-con-lai.md): Việc trở thành một senior engineer thực sự không chỉ nằm ở chức danh bạn được giao, mà là kết quả của tư duy, cách tiếp cận công việc mà bạn rèn luyện mỗi ngày - [Shadcn UI vs Component Libraries truyền thống: Lựa chọn nào phù hợp với bạn?](https://200lab.io/blog/shadcn-ui-la-gi.md): Shadcn UI không phải là một thư viện component thông thường, mà là một bộ sưu tập các component React có thể sao chép và tùy chỉnh trực tiếp vào dự án của bạn - [Hướng dẫn Prompt Engineering dành cho Developer](https://200lab.io/blog/huong-dan-prompt-engineering-danh-cho-developer.md): Bài viết liệt kê các kỹ thuật quan trọng giúp anh em developer khai thác tối đa sức mạnh của AI kèm theo ví dụ cụ thể - [So sánh CSR (Client-Side Rendering) và SSR (Server-Side Rendering)](https://200lab.io/blog/so-sanh-csr-va-ssr.md): Mình muốn chi sẻ về sự khác nhau giữa CSR và SSR, đồng thời chia sẻ một số kinh nghiệm của cá nhân mình khi tiếp xúc với hai cách tiếp cận này - [Mọi bài viết chủ đề Frontend](https://200lab.io/blog/tags/frontend.md) Toàn bộ nội dung: https://200lab.io/llms.txt