simplify initial examples

apps/site/app/(home)/QuickSteps.tsx

@@ -19,8 +19,7 @@ const posts = new Directory({ path: 'posts' })`,
 
 const posts = new Directory({ path: 'posts'})
 
-export default async function Page({ params }: { params: Promise<{ slug: string }> }) {
-  const slug = (await params).slug
+async function Page({ slug }: { slug: string }) {
   const post = await posts.getFile(slug, 'mdx')
   const Content = await post.getExportValue('default')
     
@@ -35,7 +34,7 @@ export default async function Page({ params }: { params: Promise<{ slug: string
     content: `Select from a growing list of pre-built components to tailor your content and documentation to fit your unique needs and brand identity.`,
     code: `import { CodeBlock, Tokens } from 'renoun/components'
 
-export function Page() {
+function Page() {
   return (
     <CodeBlock
       language="tsx"

apps/site/docs/02.getting-started.mdx

@@ -7,6 +7,12 @@ export const metadata = {
 
 Designed for building content and documentation sites, renoun is a versatile toolkit. This guide will help you set up renoun and start using it in your project.
 
+<Note>
+
+The following getting started guide uses Next.js as an example, but renoun can be used with any framework or bundler that supports Server Components. Please see the [guides section](/guides) for more examples.
+
+</Note>
+
 ## Installation
 
 First, install renoun using your preferred package manager:
@@ -32,7 +38,7 @@ Then start the development server:
 npm run dev
 ```
 
-Prepending the renoun CLI ensures that the renoun process starts before your framework's server. The CLI starts a web socket server that will watch for changes to the file system and communicates with renoun components.
+Prepending the renoun CLI ensures that the renoun process starts before your framework's server. The CLI starts a WebSocket server that will watch for changes to the file system and communicates with renoun components.
 
 ### Path Aliases
 

packages/renoun/README.md

@@ -76,12 +76,7 @@ import { Directory } from 'renoun/file-system'
 
 const posts = new Directory({ path: 'posts' })
 
-export default async function Page({
-  params,
-}: {
-  params: Promise<{ slug: string }>
-}) {
-  const slug = (await params).slug
+async function Page({ slug }: { slug: string }) {
   const post = await posts.getFile(slug, 'mdx')
   const Content = await post.getExportValue('default')
 

packages/renoun/src/file-system/README.mdx

@@ -29,12 +29,7 @@ const posts = new Directory({
   },
 })
 
-export default async function Page({
-  params,
-}: {
-  params: Promise<{ slug: string }>
-}) {
-  const slug = (await params).slug
+export default async function Page({ slug }: { slug: string }) {
   const post = await posts.getFile(slug, 'mdx')
   const Content = await post.getExportValue('default')