site: fix links, fix twitter, add expo basic link to example

Author: natew

README.md

@@ -1,5 +1,5 @@
 <h1 align="center">
-  <img margin="auto" width="612px" src="https://raw.githubusercontent.com/tamagui/tamagui/master/tamagui.svg" alt="Tamagui">
+  <img margin="auto" width="612px" src="https://github.com/tamagui/tamagui/raw/master/packages/site/public/social.png" alt="Tamagui">
   <br>
 </h1>
 

packages/site/components/Community.tsx

@@ -23,7 +23,7 @@ export function Community() {
             $sm={{ width: 'auto' }}
             space
             tag="a"
-            href="https://twitter.com/tamagui_dev"
+            href="https://twitter.com/tamagui_js"
             target="_blank"
             rel="noopener noreferrer"
             p="$4"

packages/site/components/DocsPage.tsx

@@ -130,7 +130,7 @@ export function DocsPage({ children }: { children: React.ReactNode }) {
                 <DocsRouteNavItem href="https://github.com/tamagui/tamagui" external>
                   GitHub
                 </DocsRouteNavItem>
-                <DocsRouteNavItem href="https://twitter.com/tamagui_dev" external>
+                <DocsRouteNavItem href="https://twitter.com/tamagui_js" external>
                   Twitter
                 </DocsRouteNavItem>
                 <DocsRouteNavItem href="https://discord.gg/uUtvv6GM" external>

packages/site/components/Footer.tsx

@@ -82,7 +82,7 @@ export const Footer = () => {
             <ExternalIcon />
           </XStack>
           <XStack space="$1" ai="center">
-            <Link ai="center" href="https://twitter.com/tamagui_dev" target="_blank">
+            <Link ai="center" href="https://twitter.com/tamagui_js" target="_blank">
               Twitter
             </Link>
             <ExternalIcon />

packages/site/components/TitleAndMetaTags.tsx

@@ -37,7 +37,7 @@ export function TitleAndMetaTags({
       <meta property="og:description" content={description} />
       <meta property="og:image" content={image} />
 
-      <meta name="twitter:site" content="@tamagui_dev" />
+      <meta name="twitter:site" content="@tamagui_js" />
       <meta name="twitter:card" content="summary_large_image" />
     </Head>
   )

packages/site/data/docs/core/theme.mdx

@@ -26,7 +26,7 @@ export default () => (
 
 ### Sub-themes
 
-A good example of this setup is [the source of this site itself](https://github.com/tamagui/tamagui/tree/master/packages/site/src/constants/themes.ts).
+A good example of this setup is [the source of this site itself](https://github.com/tamagui/tamagui/blob/master/packages/site/constants/themes.ts).
 
 There is one special property of themes that's very helpful for what is essentially sub-themes, or tints.
 

packages/site/data/docs/guides/expo.mdx

@@ -0,0 +1,8 @@
+---
+title: Next.js Guide
+description: How to set up Tamagui with Expo
+---
+
+<Notice>We're putting together a better guide soon!</Notice>
+
+If you'd like to get a good idea of a set up with Expo, [we've set up a basic repo that renders a few components](https://github.com/tamagui/tamagui-expo-example).

packages/site/data/docs/guides/next-js.mdx

@@ -3,10 +3,7 @@ title: Next.js Guide
 description: How to set up Tamagui with Next.js
 ---
 
-<Notice>
-  We're putting together a better guide, until then [check out the
-  example](https://github.com/tamagui/tamagui/tree/master/packages/site).
-</Notice>
+<Notice>We're putting together a better guide soon!</Notice>
 
 If you'd like to get a good idea of a set up with Next.js, this site itself it built with it. It supports full SSR with all the features.
 

packages/site/data/docs/intro/benchmarks.mdx

@@ -3,7 +3,7 @@ title: Benchmarks
 description: Performance tests and comparisons.
 ---
 
-We've forked a common test suite for styling libraries. All tests were run in a production environment on a Macbook M1 Pro (2021). The [benchmarks](https://github.com/tamagui/tamagui/tree/master/src/packages/benchmarks) are open-source.
+We've forked a common test suite for styling libraries. All tests were run in a production environment on a Macbook M1 Pro (2021). The [benchmarks](https://github.com/tamagui/tamagui/tree/master/packages/benchmarks) are open-source.
 
 <Notice>
   **Note**: These benchmarks are competing against **web-only** style libraries. Those libraries

packages/site/data/docs/intro/configuration.mdx

@@ -201,7 +201,7 @@ One final note: using tokens with themes. Tokens are considered a "fallback" to
 
 Themes live one level below tokens. Tokens are your variables, where themes use those tokens to create consistent, generic properties that you then typically use in shareable components.
 
-Tamagui components in general expect a set of theme keys to be defined (see [the source for the website](https://github.com/tamagui/tamagui/tree/master/src/packages/site/constants/themes.ts)):
+Tamagui components in general expect a set of theme keys to be defined (see [the source for the website](https://github.com/tamagui/tamagui/blob/master/packages/site/constants/themes.ts)):
 
 ```jsx
 const light = {

packages/site/data/docs/intro/introduction.mdx

@@ -59,7 +59,7 @@ Tamagui lets you configure [media queries](/docs/core/use-media) and apply varia
 
 ### Developer Experience
 
-Tamagui provides a fully-typed API so all your TypeScript style properties, values, media queries and shorthands will be auto-completed for you. It provides a `// debug` pragrma and `debug` prop that both allow easy introspection into whats happening at compile and runtime.
+Tamagui provides a fully-typed API so all your TypeScript style properties, values, media queries and shorthands will be auto-completed for you. It provides a `// debug` pragrma and `debug` prop that both allow easy introspection into whats happening at compile and runtime. In dev mode it puts a `data-` attribute that links every DOM node back to your original source.
 
 ---
 
@@ -68,7 +68,7 @@ Tamagui provides a fully-typed API so all your TypeScript style properties, valu
 We're excited to see the community adopt Tamagui, raise issues, and provide feedback. Whether it's a feature request, bug report, or a project to showcase, please get involved!
 
 - [Discord](https://discord.gg/uUtvv6GM)
-- [Twitter](https://twitter.com/tamagui_dev)
+- [Twitter](https://twitter.com/tamagui_js)
 - [GitHub Discussions](https://github.com/tamagui/tamagui/discussions)
 - [GitHub](https://github.com/tamagui/tamagui)
 

packages/site/lib/docsRoutes.ts

@@ -44,6 +44,7 @@ export const docsRoutes = [
     pages: [
       { title: 'Design Systems', slug: 'docs/guides/design-systems' },
       { title: 'Next.js', slug: 'docs/guides/next-js' },
+      { title: 'Expo', slug: 'docs/guides/expo' },
     ],
   },
 ]

packages/site/pages/blog/[slug].tsx

@@ -27,7 +27,7 @@ export default function BlogPost({ frontmatter, code, relatedPosts }: BlogPost)
 		https://twitter.com/intent/tweet?
 		text="${frontmatter.title}" by @${
     authors[frontmatter.by].twitter
-  } on the @tamagui_dev blog.&url=https://tamagui.dev/blog/${frontmatter.slug}
+  } on the @tamagui_js blog.&url=https://tamagui.dev/blog/${frontmatter.slug}
 		`
 
   return (