Updated instructions

Author: maneesht

dataconnect/app/src/pages/Home.tsx

@@ -8,18 +8,32 @@ const ConditionalRender = ({ condition, preferred, alternate }: { condition: boo
 
 const PlaceholderMessage = () => (
   <div className="min-h-screen flex items-center justify-center text-center text-white">
-    <div className='px-4'>
-      <h1 className='text-4xl'>To get Started with Firebase Data Connect:</h1>
-      <ol className='list-decimal'>
-        <li>Add {window.location.host}<a target="_blank" className="underline text-blue-600 hover:text-blue-800 visited:text-purple-600" href="https://console.firebase.google.com/project/_/authentication/settings"> to your list of domains</a></li>
+    <div className="px-4">
+      <h1 className="text-4xl">To get Started with Firebase Data Connect:</h1>
+      <ol className="list-decimal">
+        {window.location.hostname != "localhost" && (
+          <li>
+            Add {window.location.host}
+            <a
+              target="_blank"
+              className="underline text-blue-600 hover:text-blue-800 visited:text-purple-600"
+              href="https://console.firebase.google.com/project/_/authentication/settings"
+            >
+              {" "}
+              to your list of domains
+            </a>
+          </li>
+        )}
         <li>Open app/src/lib/firebase.tsx and replace the firebaseConfig </li>
         <li>Open the Firebase Data Connect Extension</li>
         <li>Select your project</li>
         <li>Click "Start Emulators"</li>
+        <li>Open dataconnect/moviedata_insert.gql</li>
+        <li>Click Run (Local)</li>
       </ol>
     </div>
   </div>
-)
+);
 
 export default function HomePage() {
   const [topMovies, setTopMovies] = useState([]);