refactor: redesign docs structure (#477)

package.json

@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "qwik-monorepo",
-  "version": "0.0.20-2",
+  "version": "0.0.20-3",
   "scripts": {
     "build": "yarn node scripts --tsc --build --api --eslint --platform-binding --wasm",
     "build.platform": "yarn node scripts --platform-binding",

packages/create-qwik/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-qwik",
-  "version": "0.0.20-2",
+  "version": "0.0.20-3",
   "description": "Interactive CLI and API for generating Qwik projects.",
   "bin": "create-qwik",
   "main": "index.js",

packages/docs/functions/[[path]].ts

@@ -40,7 +40,7 @@ export const onRequestGet: PagesFunction = async ({ request, next, waitUntil })
     const opts: RenderToStringOptions = {
       url: request.url,
       base: '/build/',
-      manifest,
+      manifest: manifest as any,
       prefetchStrategy: {
         symbolsToPrefetch: 'events-document',
         implementation: 'link-prefetch',

packages/docs/pages/docs/README.md

@@ -0,0 +1,36 @@
+# Guide
+
+## Guides
+
+- [Overview](overview.mdx)
+- [Getting Started](getting-started.mdx)
+- [Think Qwik](think-qwik.mdx)
+
+## Component API
+
+- [Overview](components/overview.mdx)
+- [Anatomy](components/anatomy.mdx)
+- [Hooks](components/hooks.mdx)
+- [Events](components/events.mdx)
+- [Lite elements](components/lite-components.mdx)
+- [Content projection](components/projection.mdx)
+- [Rendering](components/rendering.mdx)
+
+## Concepts
+
+- [Resumable](concepts/resumable.mdx)
+- [Progressive](concepts/progressive.mdx)
+- [Reactive](concepts/reactivity.mdx)
+
+## Advanced
+
+- [Containers](advanced/container.mdx)
+- [Optimizer](advanced/optimizer.mdx)
+- [QRL](advanced/qrl.mdx)
+- [Qwikloader](advanced/qwikloader.mdx)
+
+## Community
+
+- [Github](https://github.com/BuilderIO/qwik)
+- [@QwikDev](https://twitter.com/QwikDev)
+- [Discord](https://qwik.builder.io/chat)

packages/docs/pages/guide/containers/overview.mdx → packages/docs/pages/docs/advanced/containers.mdx

@@ -4,8 +4,6 @@ title: Containers
 
 # Containers
 
-**\*NOTE**: Work in progress / Not fully implemented\*
-
 Containers are a way to break up an application into smaller parts. We call these parts containers. Containers bring several benefits. Each container on the page can independently be:
 
 - **resumed**: Each container can be resumed independently from all other components on the page. Independent resumability further reduces the amount of state which resume deserializes.