diff --git a/docs/documentation/08-Guides/complex-urls-structure.md b/docs/documentation/08-Guides/complex-urls-structure.md
deleted file mode 100644
index be7de90fd..000000000
--- a/docs/documentation/08-Guides/complex-urls-structure.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-sidebar_label: Complex URL Structures
----
-
-# Complex URL structures
\ No newline at end of file
diff --git a/docs/documentation/08-Guides/linaria.md b/docs/documentation/08-Guides/linaria.md
new file mode 100644
index 000000000..045960313
--- /dev/null
+++ b/docs/documentation/08-Guides/linaria.md
@@ -0,0 +1,13 @@
+# Linaria (CSS-in-JS)
+
+HeadstartWP offers a straightforward integration with [Linaria](https://github.com/callstack/linaria), a zero-runtime CSS-in-JS solution. To use it, simply install the following linaria packages.
+
+```
+npm install --save-dev @linaria/babel-preset @linaria/core @linaria/react @linaria/shaker @linaria/webpack-loader
+```
+
+The [withHeadstartWPConfig](/docs/api/namespaces/headstartwp_next.config/#withheadstartwpconfig) function will detect the presence of the Linaria packages and will enable the build steps necessary to compile Linaria.
+
+:::caution
+If you're on a monorepo setup, these packages should be installed on the Next.js project.
+:::caution
\ No newline at end of file
diff --git a/docs/docusaurus.config.js b/docs/docusaurus.config.js
index 350dcfbd4..01053107c 100644
--- a/docs/docusaurus.config.js
+++ b/docs/docusaurus.config.js
@@ -95,8 +95,8 @@ const config = {
 			require.resolve('@easyops-cn/docusaurus-search-local'),
 			{
 				indexDocs: true,
-				docsRouteBasePath: ['reference', 'docs'],
-				docsDir: ['default', 'docs'],
+				docsRouteBasePath: ['api', 'learn'],
+				docsDir: ['documentation', 'docs'],
 				hashed: true,
 			},
 		],