feat: add the second part of the tutorial

CHANGELOG.md

@@ -5,6 +5,13 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [Since last release][since-last-release]
+
+### Added
+
+- New article about how to use FSD with Next.js (#644).
+- The tutorial was rewritten. Technical details were stripped out, more FSD theory has been added (#665).
+
 ## [2.0.0] - 2023-10-01
 
 > **Note**  
@@ -34,4 +41,5 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - The overview page has been rewritten to be more concise and informative (#512, #515, #516).
 - FSD has updated its branding, and there are now guidelines to the brand usage. The standard spelling of the name is now "Feature-Sliced Design" (#496, #499, #500, #465).
 
+[since-last-release]: https://github.com/feature-sliced/documentation/compare/v2.0.0...HEAD
 [2.0.0]: https://github.com/feature-sliced/documentation/releases/tag/v2.0.0

docusaurus.config.js

@@ -1,4 +1,5 @@
 require("dotenv").config();
+const { themes: prismThemes } = require("prism-react-renderer");
 const cfg = require("./config/docusaurus");
 
 /** @typedef {import('@docusaurus/types').Config} Config */
@@ -50,6 +51,10 @@ module.exports = {
                 background: "rgb(255 255 255 / 0.3)",
             },
         },
+        prism: {
+            theme: prismThemes.oneLight,
+            darkTheme: prismThemes.oneDark,
+        },
     },
 };
 

i18n/en/docusaurus-plugin-content-docs/current/get-started/index.mdx

@@ -3,19 +3,15 @@ hide_table_of_contents: true
 pagination_prev: intro
 ---
 
-# 🚀 Get Started
+import NavCard from "@site/src/shared/ui/nav-card/tmpl.mdx"
+import { RocketOutlined, PlaySquareOutlined, QuestionCircleOutlined } from "@ant-design/icons";
 
-<span class="badge badge--success margin-bottom--md">LEARNING-ORIENTED</span>
+# 🚀 Get Started
 
 <p class="summary">
 Welcome! This section helps you to get acquainted with the application of Feature-Sliced Design and the basics of the methodology. You will also understand the key advantages of the methodology and the reasons for its creation.
 </p>
 
-## Main
-
-import NavCard from "@site/src/shared/ui/nav-card/tmpl.mdx"
-import { RocketOutlined, BuildOutlined, PlaySquareOutlined } from "@ant-design/icons";
-
 <NavCard
     title="Overview"
     description="Brief overview of methodology concepts and usage"
@@ -28,6 +24,12 @@ import { RocketOutlined, BuildOutlined, PlaySquareOutlined } from "@ant-design/i
     to="/docs/get-started/tutorial"
     Icon={PlaySquareOutlined}
 />
+<NavCard
+    title="FAQ"
+    description="Frequently asked questions"
+    to="/docs/get-started/faq"
+    Icon={QuestionCircleOutlined}
+/>
 {/* <NavCard
     title="Decomposition cheatsheet"
     description="A memo on the decomposition of logic with examples and criteria"