Remix Ssr Blog
Personal blog developed based on remix！（基于 remix 开发的个人博客）
Overview:
Alvin's Blog is a technical framework built using the remix/react 17.0.2, unocss, mysql, and prisma. It provides a quick and easy way to get started with the blog by configuring environment variables in the .env file and basic settings in the config.yml file. The blog is powered by the Remix App Server, which can be accessed at http://localhost:3333. Performance statistics can be found at https://remix.alvin.run. If you find this project helpful, consider supporting the author with a cup of tea via WeChat or Alipay.
Features:
- Remix/React 17.0.2: Utilizes the latest version of the Remix/React framework for efficient and modern web development.
- Unocss: Makes use of the unocss utility to enable effortless styling and design customization.
- MySQL: Integrates with MySQL database for seamless data storage and retrieval.
- Prisma: Offers a user-friendly interface for querying and connecting with the MySQL database.
- Environment Configuration: Allows easy configuration of environment variables, such as access addresses for MySQL and authorization URLs for GitHub.
- Config YAML: Provides a basic configuration file for setting up various aspects of the blog, such as social platform integrations and friend links.
Summary:
Alvin's Blog is a comprehensive technical framework that leverages the Remix/React 17.0.2, unocss, mysql, and prisma technologies. It provides an easy way to set up a blog by offering environment configuration, a basic configuration file, and tools for efficient web development. By following the installation guide, users can quickly get started and customize their blog according to their needs.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Remix
Remix is a modern JavaScript framework that focuses on building fast and performant web applications. It emphasizes a combination of server-rendered content and client-side interactivity, offering a robust architecture for creating scalable and maintainable projects.
- UnoCSS
UnoCSS is an instant, on-demand atomic CSS engine that generates utility classes at build time. It's highly customizable, extremely fast, and compatible with Tailwind CSS utilities while offering additional features like attributify mode and pure CSS icons.
- Ant Design
Ant Design is a React UI library that provides a set of pre-designed components and design resources for building high-quality, responsive web applications.
- Prisma
Prisma is a server-side library that helps developers read and write data to the database in an intuitive, efficient and safe way.
- Blog
Blog websites feature posts written by one or more authors, organized by categories and tags, with a section for comments and archives sorted by date or topic. Additional features may include search bar, social media sharing, subscription or RSS feed, about and contact pages, and visual content.
- Fullstack
A fullstack boilerplate provides a starter application that includes both frontend and backend. It should include database, auth, payments, user roles and other backend services to build a fully featured saas or webapps.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.