---
title: 介绍
sidebar_position: 1
---

# 介绍

欢迎来到 Modern.js 教程！

阅读本栏目后，你将初步理解 Modern.js，并使用 Modern.js 创建第一个应用。

## Modern.js 是什么

如果你对 Modern.js 还不了解，可以先阅读 [Modern.js 介绍](/guides/get-started/introduction)。

## 实战教程

我们准备了一个创建「联系人列表应用」的实战教程，你可以按照教程一步步创建一个应用，并了解到 Modern.js 中的以下实践：

- 创建项目
- 使用 antd 组件库
- 集成 Tailwind CSS
- 客户端路由
- 数据获取
- 状态管理
- 容器组件
- 新建入口
- ...

## 案例

我们提供了一些在开发过程中常用的案例供你参考，可以在这里找到 Modern.js 提供的一些功能组合的使用方式，我们将持续完善这里的案例。

import ExampleList from '@site-docs/components/turtorials-example-list';

<ExampleList />

下面就让我们从 [创建项目](tutorials/first-app/c01-start) 开始吧！

