feat: ui implementation

.vscode/settings.json

@@ -1,12 +0,0 @@
-{
-    "cSpell.words": [
-        "actix",
-        "chrono",
-        "dotenv",
-        "rustls",
-        "serde",
-        "sqlx",
-        "squidspirit"
-    ]
-}
-

README.md

@@ -3,7 +3,7 @@
 ## Development
 
 - Frontend: Next.js
-- Backend: Rust actix-web
+- Backend: Go (gin)
 
 Despite Next.js being a full-stack framework, I still decided to adopt a separate front-end and back-end architecture for this blog project. I believe that this separation makes the project cleaner, reduces coupling, and aligns with modern development practices.  Furthermore, I wanted to practice developing a purely back-end API.
 

backend/.gitignore

@@ -1,3 +0,0 @@
-.env
-/.sqlx
-/target

backend/Cargo.toml

@@ -1,27 +0,0 @@
-[workspace]
-members = ["feature/post", "server"]
-resolver = "2"
-
-[workspace.package]
-version = "0.1.1"
-edition = "2024"
-
-[workspace.dependencies]
-actix-web = "4.10.2"
-async-trait = "0.1.88"
-chrono = "0.4.41"
-dotenv = "0.15.0"
-env_logger = "0.11.8"
-futures = "0.3.31"
-log = "0.4.27"
-serde = { version = "1.0.219", features = ["derive"] }
-sqlx = { version = "0.8.5", features = [
-    "chrono",
-    "macros",
-    "postgres",
-    "runtime-tokio-rustls",
-] }
-tokio = { version = "1.45.0", features = ["full"] }
-
-server.path = "server"
-post.path = "feature/post"

backend/README.md

@@ -1,42 +0,0 @@
-# Backend
-
-## Development
-
-### SQL Migration
-
-1. Install sqlx
-
-   ```bash
-   cargo install sqlx-cli
-   ```
-
-2. Run migration
-
-   ```bash
-   sqlx migrate run
-   ```
-
-### Run Project
-
-1. Prepare for sql schema setup
-
-   ```bash
-   cargo sqlx prepare --workspace
-   ```
-
-2. Run the server
-
-   ```bash
-   RUST_LOG=debug cargo run
-   ```
-
-3. (Optional) Hot restart
-
-   1. Install `watchexec`
-
-   2. Run the server with `watchexec`
-
-      ```bash
-      RUST_LOG=debug watchexec -e rs -r 'cargo run'
-      ```
-

backend/build.rs

@@ -1,5 +0,0 @@
-// generated by `sqlx migrate build-script`
-fn main() {
-    // trigger recompilation when a new migration is added
-    println!("cargo:rerun-if-changed=migrations");
-}

backend/feature/post/Cargo.toml

@@ -1,12 +0,0 @@
-[package]
-name = "post"
-version.workspace = true
-edition.workspace = true
-
-[dependencies]
-actix-web.workspace = true
-async-trait.workspace = true
-chrono.workspace = true
-log.workspace = true
-serde.workspace = true
-sqlx.workspace = true

backend/feature/post/src/adapter.rs

@@ -1,2 +0,0 @@
-pub mod delivery;
-pub mod gateway;

backend/feature/post/src/adapter/delivery.rs

@@ -1,5 +0,0 @@
-pub mod label_response_dto;
-pub mod post_controller;
-pub mod post_info_query_dto;
-pub mod post_info_response_dto;
-pub mod post_response_dto;

backend/feature/post/src/adapter/delivery/label_response_dto.rs

@@ -1,20 +0,0 @@
-use serde::Serialize;
-
-use crate::domain::entity::label::Label;
-
-#[derive(Serialize)]
-pub struct LabelResponseDto {
-    pub id: i32,
-    pub name: String,
-    pub color: String,
-}
-
-impl From<Label> for LabelResponseDto {
-    fn from(entity: Label) -> Self {
-        Self {
-            id: entity.id,
-            name: entity.name,
-            color: format!("#{:08X}", entity.color),
-        }
-    }
-}

backend/feature/post/src/adapter/delivery/post_controller.rs

@@ -1,65 +0,0 @@
-use std::sync::Arc;
-
-use async_trait::async_trait;
-
-use crate::application::{
-    error::post_error::PostError,
-    use_case::{
-        get_all_post_info_use_case::GetAllPostInfoUseCase,
-        get_full_post_use_case::GetFullPostUseCase,
-    },
-};
-
-use super::{post_info_response_dto::PostInfoResponseDto, post_response_dto::PostResponseDto};
-
-#[async_trait]
-pub trait PostController: Send + Sync {
-    async fn get_all_post_info(
-        &self,
-        is_published_only: bool,
-    ) -> Result<Vec<PostInfoResponseDto>, PostError>;
-
-    async fn get_full_post(&self, id: i32) -> Result<PostResponseDto, PostError>;
-}
-
-pub struct PostControllerImpl {
-    get_all_post_info_use_case: Arc<dyn GetAllPostInfoUseCase>,
-    get_full_post_use_case: Arc<dyn GetFullPostUseCase>,
-}
-
-impl PostControllerImpl {
-    pub fn new(
-        get_all_post_info_use_case: Arc<dyn GetAllPostInfoUseCase>,
-        get_full_post_use_case: Arc<dyn GetFullPostUseCase>,
-    ) -> Self {
-        Self {
-            get_all_post_info_use_case,
-            get_full_post_use_case,
-        }
-    }
-}
-
-#[async_trait]
-impl PostController for PostControllerImpl {
-    async fn get_all_post_info(
-        &self,
-        is_published_only: bool,
-    ) -> Result<Vec<PostInfoResponseDto>, PostError> {
-        let result = self.get_all_post_info_use_case.execute(is_published_only).await;
-
-        result.map(|post_info_list| {
-            let post_info_response_dto_list: Vec<PostInfoResponseDto> = post_info_list
-                .into_iter()
-                .map(|post_info| PostInfoResponseDto::from(post_info))
-                .collect();
-
-            post_info_response_dto_list
-        })
-    }
-
-    async fn get_full_post(&self, id: i32) -> Result<PostResponseDto, PostError> {
-        let result = self.get_full_post_use_case.execute(id).await;
-
-        result.map(PostResponseDto::from)
-    }
-}

backend/feature/post/src/adapter/delivery/post_info_query_dto.rs

@@ -1,6 +0,0 @@
-use serde::Deserialize;
-
-#[derive(Deserialize)]
-pub struct PostQueryDto {
-    pub is_published_only: Option<bool>,
-}

backend/feature/post/src/adapter/delivery/post_info_response_dto.rs

@@ -1,34 +0,0 @@
-use serde::Serialize;
-
-use crate::domain::entity::post_info::PostInfo;
-
-use super::label_response_dto::LabelResponseDto;
-
-#[derive(Serialize)]
-pub struct PostInfoResponseDto {
-    pub id: i32,
-    pub title: String,
-    pub description: String,
-    pub preview_image_url: String,
-    pub labels: Vec<LabelResponseDto>,
-    pub published_time: Option<i64>,
-}
-
-impl From<PostInfo> for PostInfoResponseDto {
-    fn from(entity: PostInfo) -> Self {
-        Self {
-            id: entity.id,
-            title: entity.title,
-            description: entity.description,
-            preview_image_url: entity.preview_image_url,
-            labels: entity
-                .labels
-                .into_iter()
-                .map(LabelResponseDto::from)
-                .collect(),
-            published_time: entity
-                .published_time
-                .map(|datetime| datetime.timestamp_micros()),
-        }
-    }
-}

backend/feature/post/src/adapter/delivery/post_response_dto.rs

@@ -1,22 +0,0 @@
-use serde::Serialize;
-
-use crate::domain::entity::post::Post;
-
-use super::post_info_response_dto::PostInfoResponseDto;
-
-#[derive(Serialize)]
-pub struct PostResponseDto {
-    pub id: i32,
-    pub info: PostInfoResponseDto,
-    pub content: String,
-}
-
-impl From<Post> for PostResponseDto {
-    fn from(entity: Post) -> Self {
-        Self {
-            id: entity.id,
-            info: PostInfoResponseDto::from(entity.info),
-            content: entity.content,
-        }
-    }
-}

backend/feature/post/src/adapter/gateway.rs

@@ -1,2 +0,0 @@
-pub mod post_db_service;
-pub mod post_repository_impl;

backend/feature/post/src/adapter/gateway/post_db_service.rs

@@ -1,12 +0,0 @@
-use async_trait::async_trait;
-
-use crate::{
-    application::error::post_error::PostError,
-    domain::entity::{post::Post, post_info::PostInfo},
-};
-
-#[async_trait]
-pub trait PostDbService: Send + Sync {
-    async fn get_all_post_info(&self, is_published_only: bool) -> Result<Vec<PostInfo>, PostError>;
-    async fn get_full_post(&self, id: i32) -> Result<Post, PostError>;
-}

backend/feature/post/src/adapter/gateway/post_repository_impl.rs

@@ -1,31 +0,0 @@
-use std::sync::Arc;
-
-use async_trait::async_trait;
-
-use crate::{
-    application::{error::post_error::PostError, gateway::post_repository::PostRepository},
-    domain::entity::{post::Post, post_info::PostInfo},
-};
-
-use super::post_db_service::PostDbService;
-
-pub struct PostRepositoryImpl {
-    post_db_service: Arc<dyn PostDbService>,
-}
-
-impl PostRepositoryImpl {
-    pub fn new(post_db_service: Arc<dyn PostDbService>) -> Self {
-        Self { post_db_service }
-    }
-}
-
-#[async_trait]
-impl PostRepository for PostRepositoryImpl {
-    async fn get_all_post_info(&self, is_published_only: bool) -> Result<Vec<PostInfo>, PostError> {
-        self.post_db_service.get_all_post_info(is_published_only).await
-    }
-
-    async fn get_full_post(&self, id: i32) -> Result<Post, PostError> {
-        self.post_db_service.get_full_post(id).await
-    }
-}

backend/feature/post/src/application.rs

@@ -1,3 +0,0 @@
-pub mod error;
-pub mod gateway;
-pub mod use_case;

backend/feature/post/src/application/error.rs

@@ -1 +0,0 @@
-pub mod post_error;

backend/feature/post/src/application/error/post_error.rs

@@ -1,5 +0,0 @@
-#[derive(Debug, PartialEq)]
-pub enum PostError {
-    DatabaseError(String),
-    NotFound,
-}

backend/feature/post/src/application/gateway.rs

@@ -1 +0,0 @@
-pub mod post_repository;

backend/feature/post/src/application/gateway/post_repository.rs

@@ -1,12 +0,0 @@
-use async_trait::async_trait;
-
-use crate::{
-    application::error::post_error::PostError,
-    domain::entity::{post::Post, post_info::PostInfo},
-};
-
-#[async_trait]
-pub trait PostRepository: Send + Sync {
-    async fn get_all_post_info(&self, is_published_only: bool) -> Result<Vec<PostInfo>, PostError>;
-    async fn get_full_post(&self, id: i32) -> Result<Post, PostError>;
-}

backend/feature/post/src/application/use_case.rs

@@ -1,2 +0,0 @@
-pub mod get_all_post_info_use_case;
-pub mod get_full_post_use_case;

backend/feature/post/src/application/use_case/get_all_post_info_use_case.rs

@@ -1,30 +0,0 @@
-use std::sync::Arc;
-
-use async_trait::async_trait;
-
-use crate::{
-    application::{error::post_error::PostError, gateway::post_repository::PostRepository},
-    domain::entity::post_info::PostInfo,
-};
-
-#[async_trait]
-pub trait GetAllPostInfoUseCase: Send + Sync {
-    async fn execute(&self, is_published_only: bool) -> Result<Vec<PostInfo>, PostError>;
-}
-
-pub struct GetAllPostInfoUseCaseImpl {
-    post_repository: Arc<dyn PostRepository>,
-}
-
-impl GetAllPostInfoUseCaseImpl {
-    pub fn new(post_repository: Arc<dyn PostRepository>) -> Self {
-        Self { post_repository }
-    }
-}
-
-#[async_trait]
-impl GetAllPostInfoUseCase for GetAllPostInfoUseCaseImpl {
-    async fn execute(&self, is_published_only: bool) -> Result<Vec<PostInfo>, PostError> {
-        self.post_repository.get_all_post_info(is_published_only).await
-    }
-}

backend/feature/post/src/application/use_case/get_full_post_use_case.rs

@@ -1,30 +0,0 @@
-use std::sync::Arc;
-
-use async_trait::async_trait;
-
-use crate::{
-    application::{error::post_error::PostError, gateway::post_repository::PostRepository},
-    domain::entity::post::Post,
-};
-
-#[async_trait]
-pub trait GetFullPostUseCase: Send + Sync {
-    async fn execute(&self, id: i32) -> Result<Post, PostError>;
-}
-
-pub struct GetFullPostUseCaseImpl {
-    post_repository: Arc<dyn PostRepository>,
-}
-
-impl GetFullPostUseCaseImpl {
-    pub fn new(post_repository: Arc<dyn PostRepository>) -> Self {
-        Self { post_repository }
-    }
-}
-
-#[async_trait]
-impl GetFullPostUseCase for GetFullPostUseCaseImpl {
-    async fn execute(&self, id: i32) -> Result<Post, PostError> {
-        self.post_repository.get_full_post(id).await
-    }
-}

backend/feature/post/src/domain.rs

@@ -1 +0,0 @@
-pub mod entity;

backend/feature/post/src/domain/entity.rs

@@ -1,3 +0,0 @@
-pub mod label;
-pub mod post_info;
-pub mod post;

backend/feature/post/src/domain/entity/label.rs

@@ -1,5 +0,0 @@
-pub struct Label {
-    pub id: i32,
-    pub name: String,
-    pub color: u32,
-}

backend/feature/post/src/domain/entity/post.rs

@@ -1,7 +0,0 @@
-use super::post_info::PostInfo;
-
-pub struct Post {
-    pub id: i32,
-    pub info: PostInfo,
-    pub content: String,
-}

backend/feature/post/src/domain/entity/post_info.rs

@@ -1,12 +0,0 @@
-use chrono::{DateTime, Utc};
-
-use super::label::Label;
-
-pub struct PostInfo {
-    pub id: i32,
-    pub title: String,
-    pub description: String,
-    pub preview_image_url: String,
-    pub labels: Vec<Label>,
-    pub published_time: Option<DateTime<Utc>>,
-}

backend/feature/post/src/framework.rs

@@ -1,2 +0,0 @@
-pub mod db;
-pub mod web;

backend/feature/post/src/framework/db.rs

@@ -1,4 +0,0 @@
-pub mod post_db_service_impl;
-
-mod post_info_with_label_record;
-mod post_with_label_record;

backend/feature/post/src/framework/db/post_db_service_impl.rs

@@ -1,168 +0,0 @@
-use std::{collections::HashMap, sync::Arc};
-
-use async_trait::async_trait;
-use chrono::{DateTime, Utc};
-use sqlx::{Pool, Postgres};
-
-use crate::{
-    adapter::gateway::post_db_service::PostDbService,
-    application::error::post_error::PostError,
-    domain::entity::{label::Label, post::Post, post_info::PostInfo},
-};
-
-use super::{
-    post_info_with_label_record::PostInfoWithLabelRecord,
-    post_with_label_record::PostWithLabelRecord,
-};
-
-pub struct PostDbServiceImpl {
-    db_pool: Arc<Pool<Postgres>>,
-}
-
-impl PostDbServiceImpl {
-    pub fn new(db_pool: Arc<Pool<Postgres>>) -> Self {
-        Self { db_pool }
-    }
-}
-
-#[async_trait]
-impl PostDbService for PostDbServiceImpl {
-    async fn get_all_post_info(&self, is_published_only: bool) -> Result<Vec<PostInfo>, PostError> {
-        let mut query_builder = sqlx::QueryBuilder::new(
-            r#"
-                SELECT
-                    p.id AS post_id,
-                    p.title,
-                    p.description,
-                    p.preview_image_url,
-                    p.published_time,
-                    l.id AS label_id,
-                    l.name AS label_name,
-                    l.color AS label_color
-                FROM
-                    post p
-                LEFT JOIN
-                    post_label pl ON p.id = pl.post_id
-                LEFT JOIN
-                    label l ON pl.label_id = l.id AND l.deleted_time IS NULL
-                WHERE
-                    p.deleted_time IS NULL
-            "#,
-        );
-
-        if is_published_only {
-            query_builder.push(r#" AND p.published_time IS NOT NULL"#);
-        }
-
-        query_builder.push(r#" ORDER BY p.id"#);
-
-        let records = query_builder
-            .build_query_as::<PostInfoWithLabelRecord>()
-            .fetch_all(&*self.db_pool)
-            .await
-            .map_err(|err| PostError::DatabaseError(err.to_string()))?;
-
-        let mut post_info_map = HashMap::<i32, PostInfo>::new();
-
-        for record in records {
-            let post_info = post_info_map
-                .entry(record.post_id)
-                .or_insert_with(|| PostInfo {
-                    id: record.post_id,
-                    title: record.title,
-                    description: record.description,
-                    preview_image_url: record.preview_image_url,
-                    labels: Vec::new(),
-                    published_time: record
-                        .published_time
-                        .map(|dt| DateTime::<Utc>::from_naive_utc_and_offset(dt, Utc)),
-                });
-
-            if let (Some(label_id), Some(label_name), Some(label_color)) =
-                (record.label_id, record.label_name, record.label_color)
-            {
-                post_info.labels.push(Label {
-                    id: label_id,
-                    name: label_name,
-                    color: label_color as u32,
-                });
-            }
-        }
-
-        Ok(post_info_map.into_values().collect())
-    }
-
-    async fn get_full_post(&self, id: i32) -> Result<Post, PostError> {
-        let mut query_builder = sqlx::QueryBuilder::new(
-            r#"
-                SELECT
-                    p.id AS post_id,
-                    p.title,
-                    p.description,
-                    p.preview_image_url,
-                    p.content,
-                    p.published_time,
-                    l.id AS label_id,
-                    l.name AS label_name,
-                    l.color AS label_color
-                FROM
-                    post p
-                LEFT JOIN
-                    post_label pl ON p.id = pl.post_id
-                LEFT JOIN
-                    label l ON pl.label_id = l.id AND l.deleted_time IS NULL
-                WHERE
-                    p.deleted_time IS NULL AND p.id =
-            "#,
-        );
-
-        query_builder.push_bind(id);
-        query_builder.push(r#" ORDER BY p.id"#);
-
-        let records = query_builder
-            .build_query_as::<PostWithLabelRecord>()
-            .fetch_all(&*self.db_pool)
-            .await
-            .map_err(|err| PostError::DatabaseError(err.to_string()))?;
-
-        if records.is_empty() {
-            return Err(PostError::NotFound);
-        }
-
-        let mut post_map = HashMap::<i32, Post>::new();
-
-        for record in records {
-            let post = post_map.entry(record.post_id).or_insert_with(|| Post {
-                id: record.post_id,
-                info: PostInfo {
-                    id: record.post_id,
-                    title: record.title,
-                    description: record.description,
-                    preview_image_url: record.preview_image_url,
-                    labels: Vec::new(),
-                    published_time: record
-                        .published_time
-                        .map(|dt| DateTime::<Utc>::from_naive_utc_and_offset(dt, Utc)),
-                },
-                content: record.content,
-            });
-
-            if let (Some(label_id), Some(label_name), Some(label_color)) =
-                (record.label_id, record.label_name, record.label_color)
-            {
-                post.info.labels.push(Label {
-                    id: label_id,
-                    name: label_name,
-                    color: label_color as u32,
-                });
-            }
-        }
-
-        let post = post_map.into_values().next();
-
-        match post {
-            Some(v) => Ok(v),
-            None => Err(PostError::NotFound),
-        }
-    }
-}

backend/feature/post/src/framework/db/post_info_with_label_record.rs

@@ -1,14 +0,0 @@
-use chrono::NaiveDateTime;
-
-#[derive(sqlx::FromRow)]
-pub struct PostInfoWithLabelRecord {
-    pub post_id: i32,
-    pub title: String,
-    pub description: String,
-    pub preview_image_url: String,
-    pub published_time: Option<NaiveDateTime>,
-
-    pub label_id: Option<i32>,
-    pub label_name: Option<String>,
-    pub label_color: Option<i64>,
-}

backend/feature/post/src/framework/db/post_with_label_record.rs

@@ -1,15 +0,0 @@
-use chrono::NaiveDateTime;
-
-#[derive(sqlx::FromRow, Debug)]
-pub struct PostWithLabelRecord {
-    pub post_id: i32,
-    pub title: String,
-    pub description: String,
-    pub preview_image_url: String,
-    pub content: String,
-    pub published_time: Option<NaiveDateTime>,
-
-    pub label_id: Option<i32>,
-    pub label_name: Option<String>,
-    pub label_color: Option<i64>,
-}

backend/feature/post/src/framework/web.rs

@@ -1 +0,0 @@
-pub mod post_web_routes;

backend/feature/post/src/framework/web/post_web_routes.rs

@@ -1,49 +0,0 @@
-use std::sync::Arc;
-
-use actix_web::{HttpResponse, Responder, web};
-
-use crate::{
-    adapter::delivery::{post_controller::PostController, post_info_query_dto::PostQueryDto},
-    application::error::post_error::PostError,
-};
-
-pub fn configure_post_routes(cfg: &mut web::ServiceConfig) {
-    cfg.service(web::resource("/post_info").route(web::get().to(get_all_post_info)));
-    cfg.service(web::resource("/post/{id}").route(web::get().to(get_full_post)));
-}
-
-async fn get_all_post_info(
-    post_controller: web::Data<Arc<dyn PostController>>,
-    query: web::Query<PostQueryDto>,
-) -> impl Responder {
-    let is_published_only = query.is_published_only.unwrap_or_else(|| true);
-    let result = post_controller.get_all_post_info(is_published_only).await;
-
-    match result {
-        Ok(post_info_list) => HttpResponse::Ok().json(post_info_list),
-        Err(e) => {
-            log::error!("{e:?}");
-            HttpResponse::InternalServerError().finish()
-        }
-    }
-}
-
-async fn get_full_post(
-    post_controller: web::Data<Arc<dyn PostController>>,
-    path: web::Path<i32>,
-) -> impl Responder {
-    let id = path.into_inner();
-    let result = post_controller.get_full_post(id).await;
-
-    match result {
-        Ok(post) => HttpResponse::Ok().json(post),
-        Err(e) => {
-            if e == PostError::NotFound {
-                HttpResponse::NotFound().finish()
-            } else {
-                log::error!("{e:?}");
-                HttpResponse::InternalServerError().finish()
-            }
-        }
-    }
-}

backend/feature/post/src/lib.rs

@@ -1,4 +0,0 @@
-pub mod adapter;
-pub mod application;
-pub mod domain;
-pub mod framework;

backend/migrations/20250505012740_v0.1.1.sql

@@ -1,51 +0,0 @@
--- Add migration script here
-
-CREATE TABLE "post" (
-    "id" SERIAL PRIMARY KEY NOT NULL,
-    "title" TEXT NOT NULL,
-    "description" TEXT NOT NULL,
-    "preview_image_url" TEXT NOT NULL,
-    "content" TEXT NOT NULL,
-    "published_time" TIMESTAMP,
-    "deleted_time" TIMESTAMP,
-    "created_time" TIMESTAMP NOT NULL DEFAULT CURRENT_TIMESTAMP,
-    "updated_time" TIMESTAMP NOT NULL DEFAULT CURRENT_TIMESTAMP
-);
-
-CREATE TABLE "label" (
-    "id" SERIAL PRIMARY KEY NOT NULL,
-    "name" TEXT NOT NULL,
-    "color" BIGINT NOT NULL CHECK ("color" >= 0 AND "color" <= 4294967295),
-    "deleted_time" TIMESTAMP,
-    "created_time" TIMESTAMP NOT NULL DEFAULT CURRENT_TIMESTAMP,
-    "updated_time" TIMESTAMP NOT NULL DEFAULT CURRENT_TIMESTAMP
-);
-
-CREATE TABLE "post_label" (
-    "post_id" INTEGER NOT NULL,
-    "label_id" INTEGER NOT NULL,
-    PRIMARY KEY ("post_id", "label_id"),
-    FOREIGN KEY ("post_id") REFERENCES "post" ("id") ON DELETE CASCADE,
-    FOREIGN KEY ("label_id") REFERENCES "label" ("id") ON DELETE CASCADE
-);
-
-
--- Auto update `updated_time` trigger
-
-CREATE FUNCTION update_updated_time_column() RETURNS TRIGGER AS $$
-BEGIN
-    NEW.updated_time = CURRENT_TIMESTAMP;
-    return NEW;
-END;
-$$ LANGUAGE 'plpgsql';
-
-CREATE TRIGGER "update_post_updated_time"
-BEFORE UPDATE ON "post"
-FOR EACH ROW
-EXECUTE FUNCTION update_updated_time_column();
-
-CREATE TRIGGER "update_label_updated_time"
-BEFORE UPDATE ON "label"
-FOR EACH ROW
-EXECUTE FUNCTION update_updated_time_column();
-

backend/server/Cargo.toml

@@ -1,12 +0,0 @@
-[package]
-name = "server"
-version.workspace = true
-edition.workspace = true
-
-[dependencies]
-actix-web.workspace = true
-dotenv.workspace = true
-env_logger.workspace = true
-sqlx.workspace = true
-
-post.workspace = true

backend/server/src/container.rs

@@ -1,37 +0,0 @@
-use std::sync::Arc;
-
-use post::{
-    adapter::{
-        delivery::post_controller::{PostController, PostControllerImpl},
-        gateway::post_repository_impl::PostRepositoryImpl,
-    },
-    application::use_case::{
-        get_all_post_info_use_case::GetAllPostInfoUseCaseImpl,
-        get_full_post_use_case::GetFullPostUseCaseImpl,
-    },
-    framework::db::post_db_service_impl::PostDbServiceImpl,
-};
-use sqlx::{Pool, Postgres};
-
-pub struct Container {
-    pub post_controller: Arc<dyn PostController>,
-}
-
-impl Container {
-    pub fn new(db_pool: Arc<Pool<Postgres>>) -> Self {
-        let post_db_service = Arc::new(PostDbServiceImpl::new(db_pool));
-
-        let post_repository = Arc::new(PostRepositoryImpl::new(post_db_service.clone()));
-
-        let get_all_post_info_use_case =
-            Arc::new(GetAllPostInfoUseCaseImpl::new(post_repository.clone()));
-        let get_full_post_use_case = Arc::new(GetFullPostUseCaseImpl::new(post_repository.clone()));
-
-        let post_controller = Arc::new(PostControllerImpl::new(
-            get_all_post_info_use_case,
-            get_full_post_use_case,
-        ));
-
-        Self { post_controller }
-    }
-}

backend/server/src/lib.rs

@@ -1 +0,0 @@
-pub mod container;

backend/server/src/main.rs

@@ -1,60 +0,0 @@
-use actix_web::{
-    App, Error, HttpServer,
-    body::MessageBody,
-    dev::{ServiceFactory, ServiceRequest, ServiceResponse},
-    web,
-};
-use post::framework::web::post_web_routes::configure_post_routes;
-use server::container::Container;
-use sqlx::{Pool, Postgres, postgres::PgPoolOptions};
-use std::{env, sync::Arc};
-
-#[actix_web::main]
-async fn main() -> std::io::Result<()> {
-    dotenv::dotenv().ok();
-    env_logger::init();
-
-    let db_pool = init_database().await;
-
-    HttpServer::new(move || create_app(db_pool.clone()))
-        .bind(("127.0.0.1", 8080))?
-        .run()
-        .await
-}
-
-async fn init_database() -> Arc<Pool<Postgres>> {
-    let database_url = env::var("DATABASE_URL")
-        .unwrap_or_else(|_| "postgres://postgres@localhost:5432/postgres".to_string());
-
-    let db_pool = PgPoolOptions::new()
-        .max_connections(5)
-        .connect(&database_url)
-        .await
-        .expect("Failed to create database connection pool");
-
-    sqlx::migrate!("../migrations")
-        .run(&db_pool)
-        .await
-        .expect("Failed to run database migrations");
-
-    Arc::new(db_pool)
-}
-
-fn create_app(
-    db_pool: Arc<Pool<Postgres>>,
-) -> App<
-    impl ServiceFactory<
-        ServiceRequest,
-        Response = ServiceResponse<impl MessageBody>,
-        Config = (),
-        InitError = (),
-        Error = Error,
-    >,
-> {
-    let container = Container::new(db_pool.clone());
-
-    App::new()
-        .app_data(web::Data::new(db_pool))
-        .app_data(web::Data::new(container.post_controller))
-        .configure(configure_post_routes)
-}

frontend/next.config.ts

@@ -8,6 +8,15 @@ const nextConfig: NextConfig = {
   env: {
     APP_VERSION: process.env.npm_package_version,
   },
+
+  images: {
+    remotePatterns: [
+      {
+        protocol: "https",
+        hostname: "*",
+      },
+    ],
+  },
 };
 
 export default nextConfig;

frontend/src/app/post/page.tsx

@@ -0,0 +1,11 @@
+import PostOverallTitle from "@/lib/post/framework/ui/PostOverallTitle";
+import PostPreviewCardList from "@/lib/post/framework/ui/PostPreviewCardList";
+
+export default function PostOverallPage() {
+  return (
+    <div>
+      <PostOverallTitle />
+      <PostPreviewCardList />
+    </div>
+  );
+}

frontend/src/lib/label/domain/labelEntity.ts

@@ -0,0 +1,7 @@
+export default class LabelEntity {
+  constructor(
+    public readonly id: number,
+    public readonly name: string,
+    public readonly color: string,
+  ) {}
+}

frontend/src/lib/label/framework/ui/CompactLabel.tsx

@@ -0,0 +1,16 @@
+import LabelEntity from "@/lib/label/domain/labelEntity";
+
+export default function CompactLabel({ labels }: { labels: LabelEntity[] }) {
+  function generateTitle(labels: LabelEntity[]): string {
+    return labels.map((e) => e.name).join("\n");
+  }
+
+  return (
+    <div
+      className="flex cursor-default flex-row items-center gap-x-1 rounded-full bg-gray-300 px-2 py-0.5"
+      title={generateTitle(labels)}
+    >
+      <span className="text-xs text-gray-800">{`${labels.length}+`}</span>
+    </div>
+  );
+}

frontend/src/lib/label/framework/ui/Label.tsx

@@ -0,0 +1,13 @@
+import LabelEntity from "@/lib/label/domain/labelEntity";
+
+export default function Label({ label }: { label: LabelEntity }) {
+  return (
+    <div
+      className="flex cursor-default flex-row items-center gap-x-1 rounded-full px-2 py-0.5"
+      style={{ backgroundColor: label.color }}
+    >
+      <div className="size-2 rounded-full bg-black opacity-25"></div>
+      <span className="text-xs text-gray-800">{label.name}</span>
+    </div>
+  );
+}

frontend/src/lib/post/domain/postEntity.ts

@@ -0,0 +1,13 @@
+import LabelEntity from "@/lib/label/domain/labelEntity";
+
+export default class PostEntity {
+  constructor(
+    public id: number,
+    public title: string,
+    public content: string,
+    public description: string,
+    public previewImageUrl: string,
+    public labels: LabelEntity[],
+    public publishedTime: Date,
+  ) {}
+}

frontend/src/lib/post/framework/ui/PostOverallTitle.tsx

@@ -0,0 +1,7 @@
+export default function PostOverallTitle() {
+  return (
+    <div className="mx-auto max-w-screen-xl">
+      <h1 className="py-9 text-center text-3xl font-bold text-gray-800 md:py-20 md:text-5xl">文章</h1>
+    </div>
+  );
+}

frontend/src/lib/post/framework/ui/PostPreviewCard.tsx

@@ -0,0 +1,23 @@
+import Image from "next/image";
+
+import CompactLabel from "@/lib/label/framework/ui/CompactLabel";
+import Label from "@/lib/label/framework/ui/Label";
+
+import PostEntity from "../../domain/postEntity";
+
+export default function PostPreviewCard({ post }: { post: PostEntity }) {
+  return (
+    <div className="flex flex-col items-start gap-y-4">
+      <Image alt="Preview Image" src={post.previewImageUrl} width={480} height={270} className="rounded-2xl" />
+      <div className="flex flex-col items-start gap-y-1.5">
+        <div className="flex flex-row gap-x-2">
+          {post.labels.length > 0 && <Label label={post.labels[0]} />}
+          {post.labels.length > 1 && <CompactLabel labels={post.labels.slice(1)} />}
+        </div>
+        <h2 className="text-base font-bold text-gray-800 md:text-lg">{post.title}</h2>
+        <p className="line-clamp-3 text-sm text-gray-800">{post.description}</p>
+        <span className="cursor-pointer text-sm text-gray-400">查看更多 →</span>
+      </div>
+    </div>
+  );
+}

frontend/src/lib/post/framework/ui/PostPreviewCardList.tsx

@@ -0,0 +1,73 @@
+import PostEntity from "../../domain/postEntity";
+import PostPreviewCard from "./PostPreviewCard";
+
+export default function PostPreviewCardList() {
+  return (
+    <div className="mx-auto grid max-w-screen-xl grid-cols-1 gap-x-5 gap-y-6 px-6 pb-6 md:grid-cols-3 md:pb-10">
+      {postList.map((post) => (
+        <PostPreviewCard key={post.id} post={post} />
+      ))}
+    </div>
+  );
+}
+
+const postList: PostEntity[] = [
+  {
+    id: 1,
+    title: "SquidLIVE | 自己的網站自己寫 | 深夜開發台",
+    content: "SquidLIVE 是一個自己的網站自己寫的深夜開發台，這裡會分享一些技術文章、開發心得、以及一些生活感想。",
+    description:
+      "Git Repository: https://git.squidspirit.com/squid/blog 如果喜歡的話就按個大大的喜歡，順便分享出去；如果不喜歡的話也別吝嗇按個不喜歡，也要告訴我原因喔！如有任何問題歡迎在下方留言或寄 E-mail 至：squid@squidspirit.com",
+    previewImageUrl: "https://www.alleycat.org/wp-content/uploads/2019/03/FELV-cat.jpg",
+    labels: [
+      {
+        id: 1,
+        name: "Software Engineering",
+        color: "#D9D9D9",
+      },
+      {
+        id: 2,
+        name: "Algorithm",
+        color: "#D9D9D9",
+      },
+      {
+        id: 3,
+        name: "Frontend",
+        color: "#D9D9D9",
+      },
+    ],
+    publishedTime: new Date(),
+  },
+  {
+    id: 2,
+    title: "SquidLIVE | 自己的網站自己寫 | 深夜開發台",
+    content: "SquidLIVE 是一個自己的網站自己寫的深夜開發台，這裡會分享一些技術文章、開發心得、以及一些生活感想。",
+    description:
+      "Git Repository: https://git.squidspirit.com/squid/blog 如果喜歡的話就按個大大的喜歡，順便分享出去；如果不喜歡的話也別吝嗇按個不喜歡，也要告訴我原因喔！如有任何問題歡迎在下方留言或寄 E-mail 至：squid@squidspirit.com",
+    previewImageUrl: "https://www.alleycat.org/wp-content/uploads/2019/03/FELV-cat.jpg",
+    labels: [
+      {
+        id: 1,
+        name: "Software Engineering",
+        color: "#D9D9D9",
+      },
+    ],
+    publishedTime: new Date(),
+  },
+  {
+    id: 3,
+    title: "SquidLIVE | 自己的網站自己寫 | 深夜開發台",
+    content: "SquidLIVE 是一個自己的網站自己寫的深夜開發台，這裡會分享一些技術文章、開發心得、以及一些生活感想。",
+    description:
+      "Git Repository: https://git.squidspirit.com/squid/blog 如果喜歡的話就按個大大的喜歡，順便分享出去；如果不喜歡的話也別吝嗇按個不喜歡，也要告訴我原因喔！如有任何問題歡迎在下方留言或寄 E-mail 至：squid@squidspirit.com",
+    previewImageUrl: "https://www.alleycat.org/wp-content/uploads/2019/03/FELV-cat.jpg",
+    labels: [
+      {
+        id: 1,
+        name: "Software Engineering",
+        color: "#D9D9D9",
+      },
+    ],
+    publishedTime: new Date(),
+  },
+];