Personal Website

screenshot of Personal Website

这是一个基于 Astro + Tailwind CSS + Spring Boot 打造的全栈个人作品集网站。项目采用前后端分离架构,前端使用现代化的 Astro 框架结合 Tailwind CSS 实现优雅的 UI 设计和流畅的用户体验,后端基于 Spring Boot 3 构建 RESTful API,使用轻量级的 SQLite 数据库存储数据,无需复杂的数据库配置即可快速部署。项目的核心亮点在于其完善的内容管理系统,提供了独立的管理后台,支持在线管理个人信息、技术博客、项目作品等内容,无需修改代码即可更新网站内容。同时,网站具备完整的 SEO 优化、响应式设计、暗色模式支持等特性,...

Overview

Personal Website is an all-in-one solution crafted using Astro, Tailwind CSS, and Spring Boot. It features a clean, modern design and a smooth user experience, making it a great choice for anyone looking to showcase their work or personal projects. With its front-end and back-end separation, this full-stack personal portfolio site is not just technically sophisticated, but also user-friendly.

The project stands out with its comprehensive content management system, allowing users to manage their personal information, tech blogs, and project showcases effortlessly. Plus, with built-in SEO optimization and responsive design, this website template ensures that your content reaches a broader audience across devices.

Features

  • Modern Front-End Framework: Utilizes Astro and Tailwind CSS for a visually appealing and responsive design that enhances user experience.
  • Decoupled Architecture: Embraces a front-end and back-end separation, ensuring flexibility and scalability for future development needs.
  • Powerful Back-End: Built on Spring Boot 3, the application uses RESTful APIs, providing a robust framework for efficient data handling.
  • Lightweight Database: Employs SQLite for straightforward data storage without the hassle of complex database configurations, ensuring quick deployment.
  • User-Friendly Content Management: Features an independent management backend that allows users to easily update personal details, blog posts, and portfolio projects without needing to edit code.
  • SEO Optimization: Integrated SEO practices ensure increased visibility on search engines, helping attract visitors to your site.
  • Responsive Design: Ensures that the website functions optimally across various devices, enhancing accessibility for users on both mobile and desktop platforms.
  • Dark Mode Support: Provides users with the option to switch to dark mode, catering to personal preferences and improving usability in low-light settings.