From 7627cf5438e4c13404abe3f3af1f52fbde3eb997 Mon Sep 17 00:00:00 2001
From: PatrickJS <github@patrickjs.com>
Date: Mon, 13 May 2024 09:38:39 -0700
Subject: [PATCH] docs(qwik-nutshell): more code examples for isServer (#6306)

Co-authored-by: Jack Shelton <104264123+thejackshelton@users.noreply.github.com>
---
 .../(qwikcity)/guides/qwik-nutshell/index.mdx | 27 ++++++++++++++++---
 1 file changed, 24 insertions(+), 3 deletions(-)

diff --git a/packages/docs/src/routes/docs/(qwikcity)/guides/qwik-nutshell/index.mdx b/packages/docs/src/routes/docs/(qwikcity)/guides/qwik-nutshell/index.mdx
index f408adbb13c..e4b7b152aba 100644
--- a/packages/docs/src/routes/docs/(qwikcity)/guides/qwik-nutshell/index.mdx
+++ b/packages/docs/src/routes/docs/(qwikcity)/guides/qwik-nutshell/index.mdx
@@ -17,7 +17,8 @@ contributors:
   - hamatoyogi
   - aendel
   - maiieul
-updated_at: '2024-04-02T18:53:23Z'
+  - patrickjs
+updated_at: '2024-05-13T16:00:00Z'
 created_at: '2023-03-30T19:49:50Z'
 ---
 # Qwik in a nutshell
@@ -692,7 +693,7 @@ const encryptOnServer = server$(function(message: string) {
 
 export default component$(() => {
   useTask$(() => {
-    if (isServer) {
+    if () {
       // This code will only run on the server only when the component is first rendered in the server
     }
   });
@@ -747,4 +748,24 @@ export const isBrowser: boolean = /*#__PURE__*/ (() =>
   String(HTMLElement).includes('[native code]'))();
 
 export const isServer: boolean = !isBrowser;
-```
\ No newline at end of file
+```
+
+Here is how you import these for reference:
+
+```tsx
+import {isServer, isBrowser} from '@builder.io/qwik/build';
+
+// inside component$
+
+useTask$(({ track }) => {
+  track(() => interactionSig.value) <-- tracks on the client when a signal has changed.
+
+  // server code
+
+  if (isServer) return;
+
+  // client code here
+});
+
+//
+```