{"id":3902,"date":"2023-11-04T23:13:55","date_gmt":"2023-11-04T23:13:55","guid":{"rendered":"http:\/\/localhost:10003\/how-to-build-a-social-media-app-with-flutter-and-firebase\/"},"modified":"2023-11-05T05:48:28","modified_gmt":"2023-11-05T05:48:28","slug":"how-to-build-a-social-media-app-with-flutter-and-firebase","status":"publish","type":"post","link":"http:\/\/localhost:10003\/how-to-build-a-social-media-app-with-flutter-and-firebase\/","title":{"rendered":"How to Build a Social Media App with Flutter and Firebase"},"content":{"rendered":"

Introduction<\/h2>\n

In this tutorial, we will learn how to build a social media app using Flutter and Firebase. Flutter is a cross-platform framework developed by Google, which allows you to create beautiful and fast native apps for iOS and Android with a single codebase. Firebase is a powerful cloud-based platform provided by Google, which offers several features to develop and scale applications, including authentication, real-time database, cloud storage, and more.<\/p>\n

Throughout this tutorial, we will cover the following topics:<\/p>\n

    \n
  1. Setting up the development environment<\/li>\n
  2. Creating a new Flutter project<\/li>\n
  3. Designing the user interface<\/li>\n
  4. Implementing user authentication<\/li>\n
  5. Creating and retrieving posts from Firebase Firestore<\/li>\n
  6. Uploading and displaying images in posts<\/li>\n
  7. Adding likes and comments functionality<\/li>\n
  8. Deploying the app to Firebase Hosting<\/li>\n<\/ol>\n

    Let’s start by setting up our development environment.<\/p>\n

    Step 1: Setting up the development environment<\/h2>\n

    To get started with Flutter development, you will need to set up your development environment. Here are the steps to do that:<\/p>\n

      \n
    1. Install Flutter: Download the Flutter SDK from the official Flutter website (https:\/\/flutter.dev) and extract it to a desired location on your machine. Add the flutter\/bin<\/code> directory to your system PATH variable.<\/p>\n<\/li>\n
    2. \n

      Install Android Studio: Download and install Android Studio, which includes the Android SDK required for Flutter development.<\/p>\n<\/li>\n

    3. \n

      Set up the Android device: Connect an Android device to your computer using a USB cable, or create and configure an Android Virtual Device (AVD) using the AVD Manager in Android Studio.<\/p>\n<\/li>\n

    4. \n

      Set up an editor: You can use any text editor or IDE for Flutter development. It is recommended to use Visual Studio Code with the Flutter and Dart plugins installed.<\/p>\n<\/li>\n

    5. \n

      Verify the installation: Open a terminal or command prompt and run the following command:<\/p>\n

      flutter doctor\n<\/code><\/pre>\n
      This command will check whether Flutter is properly installed and give you recommendations for any missing dependencies.<\/p>\n<\/li>\n<\/ol>\n
      With the development environment set up, we can now create a new Flutter project.<\/p>\n
      Step 2: Creating a new Flutter project<\/h2>\n
      To create a new Flutter project, open a terminal or command prompt and run the following command:<\/p>\n
      flutter create social_media_app\n<\/code><\/pre>\n
      This command will create a new Flutter project called social_media_app<\/code> in the current directory.<\/p>\n
      Once the project is created, navigate to the project directory:<\/p>\n
      cd social_media_app\n<\/code><\/pre>\n
      You can now open the project in your preferred text editor or IDE.<\/p>\n
      Step 3: Designing the user interface<\/h2>\n
      Before we start implementing the functionality of our social media app, let’s design the user interface using Flutter’s widget system. Flutter provides a rich set of widgets that you can use to create beautiful and responsive user interfaces.<\/p>\n
      In the lib<\/code> directory of your Flutter project, create a new file called main.dart<\/code>. This file will contain the root widget of our app.<\/p>\n
      import 'package:flutter\/material.dart';\n\nvoid main() {\n  runApp(SocialMediaApp());\n}\n\nclass SocialMediaApp extends StatelessWidget {\n  @override\n  Widget build(BuildContext context) {\n    return MaterialApp(\n      title: 'Social Media App',\n      theme: ThemeData(primarySwatch: Colors.blue),\n      home: HomeScreen(),\n    );\n  }\n}\n\nclass HomeScreen extends StatelessWidget {\n  @override\n  Widget build(BuildContext context) {\n    return Scaffold(\n      appBar: AppBar(\n        title: Text('Social Media App'),\n      ),\n      body: Center(\n        child: Text('Welcome to Social Media App!'),\n      ),\n    );\n  }\n}\n<\/code><\/pre>\n
      In this code, we created a SocialMediaApp<\/code> class that extends StatelessWidget<\/code>. This is the root widget of our app. It uses the MaterialApp<\/code> widget to provide a material design theme to our app. We set the title of the app to “Social Media App” and define a primary swatch color.<\/p>\n
      Inside the MaterialApp<\/code> widget, we specify the HomeScreen<\/code> widget as the home screen of our app.<\/p>\n
      The HomeScreen<\/code> class extends StatelessWidget<\/code> and defines the user interface for the home screen. It contains a Scaffold<\/code> widget, which provides a basic app layout with an app bar and a body. In this case, we display a simple text widget in the center of the screen.<\/p>\n
      Save the file and run the app using the following command:<\/p>\n
      flutter run\n<\/code><\/pre>\n
      You should see the home screen of your app with the title “Social Media App” displayed in the app bar.<\/p>\n
      Step 4: Implementing user authentication<\/h2>\n
      Next, we will implement user authentication using Firebase Authentication. Firebase Authentication provides a simple and secure way to allow users to sign up and sign in to your app.<\/p>\n
      First, we need to add the necessary dependencies to our pubspec.yaml<\/code> file. Open the pubspec.yaml<\/code> file in the root of your Flutter project and add the following lines:<\/p>\n
      dependencies:\n  flutter:\n    sdk: flutter\n  firebase_core: ^1.3.0\n  firebase_auth: ^3.1.0\n<\/code><\/pre>\n
      Save the file and run the following command to fetch the dependencies:<\/p>\n
      flutter pub get\n<\/code><\/pre>\n
      Next, we need to set up Firebase in our project. Go to the Firebase Console (https:\/\/console.firebase.google.com), create a new project, and follow the instructions to add Firebase to your app. Make sure you download the google-services.json<\/code> file and place it in the android\/app<\/code> directory of your Flutter project.<\/p>\n
      To initialize Firebase in our app, add the following code to the main.dart<\/code> file:<\/p>\n
      import 'package:firebase_core\/firebase_core.dart';\n\nvoid main() async {\n  WidgetsFlutterBinding.ensureInitialized();\n  await Firebase.initializeApp();\n  runApp(SocialMediaApp());\n}\n<\/code><\/pre>\n
      In the main<\/code> function, we use Firebase.initializeApp()<\/code> to initialize Firebase. Since this method is asynchronous, we need to ensure that Flutter is initialized before calling it. We accomplish this by using WidgetsFlutterBinding.ensureInitialized()<\/code>.<\/p>\n
      To implement the user authentication functionality, we will create a new file called auth_service.dart<\/code> in the lib<\/code> directory and add the following code:<\/p>\n
      import 'package:firebase_auth\/firebase_auth.dart';\n\nclass AuthService {\n  final FirebaseAuth _firebaseAuth = FirebaseAuth.instance;\n\n  User? get currentUser => _firebaseAuth.currentUser;\n\n  Future<User?> signUp(String email, String password) async {\n    try {\n      final userCredential = await _firebaseAuth.createUserWithEmailAndPassword(\n        email: email,\n        password: password,\n      );\n      return userCredential.user;\n    } catch (e) {\n      print(e);\n      return null;\n    }\n  }\n\n  Future<User?> signIn(String email, String password) async {\n    try {\n      final userCredential = await _firebaseAuth.signInWithEmailAndPassword(\n        email: email,\n        password: password,\n      );\n      return userCredential.user;\n    } catch (e) {\n      print(e);\n      return null;\n    }\n  }\n\n  Future<void> signOut() async {\n    await _firebaseAuth.signOut();\n  }\n}\n<\/code><\/pre>\n
      In this code, we created an AuthService<\/code> class that encapsulates the authentication functionality. It has methods to sign up, sign in, and sign out users. The FirebaseAuth<\/code> instance is obtained using FirebaseAuth.instance<\/code>.<\/p>\n
      To use the AuthService<\/code> in our app, we can modify the HomeScreen<\/code> class as follows:<\/p>\n
      class HomeScreen extends StatelessWidget {\n  final AuthService _authService = AuthService();\n\n  @override\n  Widget build(BuildContext context) {\n    return Scaffold(\n      appBar: AppBar(\n        title: Text('Social Media App'),\n        actions: [\n          IconButton(\n            icon: Icon(Icons.logout),\n            onPressed: () async {\n              await _authService.signOut();\n            },\n          ),\n        ],\n      ),\n      body: Center(\n        child: Column(\n          mainAxisAlignment: MainAxisAlignment.center,\n          children: [\n            Text('Welcome to Social Media App!'),\n            SizedBox(height: 20),\n            ElevatedButton(\n              child: Text('Sign In'),\n              onPressed: () {\n                \/\/ Implement sign in functionality\n              },\n            ),\n          ],\n        ),\n      ),\n    );\n  }\n}\n<\/code><\/pre>\n
      In this code, we added a dependency injection for the AuthService<\/code>. Inside the AppBar<\/code>, we added an IconButton<\/code> that allows the user to sign out when clicked. We also added an ElevatedButton<\/code> to sign in the user (the functionality will be implemented later).<\/p>\n
      Save the changes and run the app. You should now see a “Sign In” button and a logout button in the app bar. When you click the logout button, the app should sign you out.<\/p>\n
      In the next steps, we will implement the functionality to create and retrieve posts from Firebase Firestore, upload and display images in posts, and add likes and comments functionality.<\/p>\n","protected":false},"excerpt":{"rendered":"
      Introduction In this tutorial, we will learn how to build a social media app using Flutter and Firebase. Flutter is a cross-platform framework developed by Google, which allows you to create beautiful and fast native apps for iOS and Android with a single codebase. Firebase is a powerful cloud-based platform Continue Reading<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_import_markdown_pro_load_document_selector":0,"_import_markdown_pro_submit_text_textarea":"","footnotes":""},"categories":[1],"tags":[221,220,219,10,223,34,222,218,9,217],"yoast_head":"\nHow to Build a Social Media App with Flutter and Firebase - Pantherax Blogs<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/localhost:10003\/how-to-build-a-social-media-app-with-flutter-and-firebase\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Build a Social Media App with Flutter and Firebase\" \/>\n<meta property=\"og:description\" content=\"Introduction In this tutorial, we will learn how to build a social media app using Flutter and Firebase. Flutter is a cross-platform framework developed by Google, which allows you to create beautiful and fast native apps for iOS and Android with a single codebase. Firebase is a powerful cloud-based platform Continue Reading\" \/>\n<meta property=\"og:url\" content=\"http:\/\/localhost:10003\/how-to-build-a-social-media-app-with-flutter-and-firebase\/\" \/>\n<meta property=\"og:site_name\" content=\"Pantherax Blogs\" \/>\n<meta property=\"article:published_time\" content=\"2023-11-04T23:13:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-05T05:48:28+00:00\" \/>\n<meta name=\"author\" content=\"Panther\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Panther\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\n\t    \"@context\": \"https:\/\/schema.org\",\n\t    \"@graph\": [\n\t        {\n\t            \"@type\": \"Article\",\n\t            \"@id\": \"http:\/\/localhost:10003\/how-to-build-a-social-media-app-with-flutter-and-firebase\/#article\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"http:\/\/localhost:10003\/how-to-build-a-social-media-app-with-flutter-and-firebase\/\"\n\t            },\n\t            \"author\": {\n\t                \"name\": \"Panther\",\n\t                \"@id\": \"http:\/\/localhost:10003\/#\/schema\/person\/b63d816f4964b163e53cbbcffaa0f3d7\"\n\t            },\n\t            \"headline\": \"How to Build a Social Media App with Flutter and Firebase\",\n\t            \"datePublished\": \"2023-11-04T23:13:55+00:00\",\n\t            \"dateModified\": \"2023-11-05T05:48:28+00:00\",\n\t            \"mainEntityOfPage\": {\n\t                \"@id\": \"http:\/\/localhost:10003\/how-to-build-a-social-media-app-with-flutter-and-firebase\/\"\n\t            },\n\t            \"wordCount\": 915,\n\t            \"publisher\": {\n\t                \"@id\": \"http:\/\/localhost:10003\/#organization\"\n\t            },\n\t            \"keywords\": [\n\t                \"\\\"app development tutorial\\\"\",\n\t                \"\\\"app development with Firebase\\\"\",\n\t                \"\\\"app development with Flutter\\\"\",\n\t                \"\\\"app development\\\"\",\n\t                \"\\\"Firebase tutorial\\\"]\",\n\t                \"\\\"Firebase\\\"\",\n\t                \"\\\"Flutter tutorial\\\"\",\n\t                \"\\\"Flutter\\\"\",\n\t                \"\\\"mobile app development\\\"\",\n\t                \"[\\\"social media app\\\"\"\n\t            ],\n\t            \"inLanguage\": \"en-US\"\n\t        },\n\t        {\n\t            \"@type\": \"WebPage\",\n\t            \"@id\": \"http:\/\/localhost:10003\/how-to-build-a-social-media-app-with-flutter-and-firebase\/\",\n\t            \"url\": \"http:\/\/localhost:10003\/how-to-build-a-social-media-app-with-flutter-and-firebase\/\",\n\t            \"name\": \"How to Build a Social Media App with Flutter and Firebase - Pantherax Blogs\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"http:\/\/localhost:10003\/#website\"\n\t            },\n\t            \"datePublished\": \"2023-11-04T23:13:55+00:00\",\n\t            \"dateModified\": \"2023-11-05T05:48:28+00:00\",\n\t            \"breadcrumb\": {\n\t                \"@id\": \"http:\/\/localhost:10003\/how-to-build-a-social-media-app-with-flutter-and-firebase\/#breadcrumb\"\n\t            },\n\t            \"inLanguage\": \"en-US\",\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"ReadAction\",\n\t                    \"target\": [\n\t                        \"http:\/\/localhost:10003\/how-to-build-a-social-media-app-with-flutter-and-firebase\/\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"BreadcrumbList\",\n\t            \"@id\": \"http:\/\/localhost:10003\/how-to-build-a-social-media-app-with-flutter-and-firebase\/#breadcrumb\",\n\t            \"itemListElement\": [\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 1,\n\t                    \"name\": \"Home\",\n\t                    \"item\": \"http:\/\/localhost:10003\/\"\n\t                },\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 2,\n\t                    \"name\": \"How to Build a Social Media App with Flutter and Firebase\"\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebSite\",\n\t            \"@id\": \"http:\/\/localhost:10003\/#website\",\n\t            \"url\": \"http:\/\/localhost:10003\/\",\n\t            \"name\": \"Pantherax Blogs\",\n\t            \"description\": \"\",\n\t            \"publisher\": {\n\t                \"@id\": \"http:\/\/localhost:10003\/#organization\"\n\t            },\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"SearchAction\",\n\t                    \"target\": {\n\t                        \"@type\": \"EntryPoint\",\n\t                        \"urlTemplate\": \"http:\/\/localhost:10003\/?s={search_term_string}\"\n\t                    },\n\t                    \"query-input\": \"required name=search_term_string\"\n\t                }\n\t            ],\n\t            \"inLanguage\": \"en-US\"\n\t        },\n\t        {\n\t            \"@type\": \"Organization\",\n\t            \"@id\": \"http:\/\/localhost:10003\/#organization\",\n\t            \"name\": \"Pantherax Blogs\",\n\t            \"url\": \"http:\/\/localhost:10003\/\",\n\t            \"logo\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"http:\/\/localhost:10003\/#\/schema\/logo\/image\/\",\n\t                \"url\": \"http:\/\/localhost:10003\/wp-content\/uploads\/2023\/11\/cropped-9e7721cb-2d62-4f72-ab7f-7d1d8db89226.jpeg\",\n\t                \"contentUrl\": \"http:\/\/localhost:10003\/wp-content\/uploads\/2023\/11\/cropped-9e7721cb-2d62-4f72-ab7f-7d1d8db89226.jpeg\",\n\t                \"width\": 1024,\n\t                \"height\": 1024,\n\t                \"caption\": \"Pantherax Blogs\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"http:\/\/localhost:10003\/#\/schema\/logo\/image\/\"\n\t            }\n\t        },\n\t        {\n\t            \"@type\": \"Person\",\n\t            \"@id\": \"http:\/\/localhost:10003\/#\/schema\/person\/b63d816f4964b163e53cbbcffaa0f3d7\",\n\t            \"name\": \"Panther\",\n\t            \"image\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"http:\/\/localhost:10003\/#\/schema\/person\/image\/\",\n\t                \"url\": \"http:\/\/2.gravatar.com\/avatar\/b8c0eda5a49f8f31ec32d0a0f9d6f838?s=96&d=mm&r=g\",\n\t                \"contentUrl\": \"http:\/\/2.gravatar.com\/avatar\/b8c0eda5a49f8f31ec32d0a0f9d6f838?s=96&d=mm&r=g\",\n\t                \"caption\": \"Panther\"\n\t            },\n\t            \"sameAs\": [\n\t                \"http:\/\/localhost:10003\"\n\t            ],\n\t            \"url\": \"http:\/\/localhost:10003\/author\/pepethefrog\/\"\n\t        }\n\t    ]\n\t}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Build a Social Media App with Flutter and Firebase - Pantherax Blogs","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"http:\/\/localhost:10003\/how-to-build-a-social-media-app-with-flutter-and-firebase\/","og_locale":"en_US","og_type":"article","og_title":"How to Build a Social Media App with Flutter and Firebase","og_description":"Introduction In this tutorial, we will learn how to build a social media app using Flutter and Firebase. Flutter is a cross-platform framework developed by Google, which allows you to create beautiful and fast native apps for iOS and Android with a single codebase. Firebase is a powerful cloud-based platform Continue Reading","og_url":"http:\/\/localhost:10003\/how-to-build-a-social-media-app-with-flutter-and-firebase\/","og_site_name":"Pantherax Blogs","article_published_time":"2023-11-04T23:13:55+00:00","article_modified_time":"2023-11-05T05:48:28+00:00","author":"Panther","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Panther","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"http:\/\/localhost:10003\/how-to-build-a-social-media-app-with-flutter-and-firebase\/#article","isPartOf":{"@id":"http:\/\/localhost:10003\/how-to-build-a-social-media-app-with-flutter-and-firebase\/"},"author":{"name":"Panther","@id":"http:\/\/localhost:10003\/#\/schema\/person\/b63d816f4964b163e53cbbcffaa0f3d7"},"headline":"How to Build a Social Media App with Flutter and Firebase","datePublished":"2023-11-04T23:13:55+00:00","dateModified":"2023-11-05T05:48:28+00:00","mainEntityOfPage":{"@id":"http:\/\/localhost:10003\/how-to-build-a-social-media-app-with-flutter-and-firebase\/"},"wordCount":915,"publisher":{"@id":"http:\/\/localhost:10003\/#organization"},"keywords":["\"app development tutorial\"","\"app development with Firebase\"","\"app development with Flutter\"","\"app development\"","\"Firebase tutorial\"]","\"Firebase\"","\"Flutter tutorial\"","\"Flutter\"","\"mobile app development\"","[\"social media app\""],"inLanguage":"en-US"},{"@type":"WebPage","@id":"http:\/\/localhost:10003\/how-to-build-a-social-media-app-with-flutter-and-firebase\/","url":"http:\/\/localhost:10003\/how-to-build-a-social-media-app-with-flutter-and-firebase\/","name":"How to Build a Social Media App with Flutter and Firebase - Pantherax Blogs","isPartOf":{"@id":"http:\/\/localhost:10003\/#website"},"datePublished":"2023-11-04T23:13:55+00:00","dateModified":"2023-11-05T05:48:28+00:00","breadcrumb":{"@id":"http:\/\/localhost:10003\/how-to-build-a-social-media-app-with-flutter-and-firebase\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["http:\/\/localhost:10003\/how-to-build-a-social-media-app-with-flutter-and-firebase\/"]}]},{"@type":"BreadcrumbList","@id":"http:\/\/localhost:10003\/how-to-build-a-social-media-app-with-flutter-and-firebase\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"http:\/\/localhost:10003\/"},{"@type":"ListItem","position":2,"name":"How to Build a Social Media App with Flutter and Firebase"}]},{"@type":"WebSite","@id":"http:\/\/localhost:10003\/#website","url":"http:\/\/localhost:10003\/","name":"Pantherax Blogs","description":"","publisher":{"@id":"http:\/\/localhost:10003\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/localhost:10003\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"http:\/\/localhost:10003\/#organization","name":"Pantherax Blogs","url":"http:\/\/localhost:10003\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/localhost:10003\/#\/schema\/logo\/image\/","url":"http:\/\/localhost:10003\/wp-content\/uploads\/2023\/11\/cropped-9e7721cb-2d62-4f72-ab7f-7d1d8db89226.jpeg","contentUrl":"http:\/\/localhost:10003\/wp-content\/uploads\/2023\/11\/cropped-9e7721cb-2d62-4f72-ab7f-7d1d8db89226.jpeg","width":1024,"height":1024,"caption":"Pantherax Blogs"},"image":{"@id":"http:\/\/localhost:10003\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"http:\/\/localhost:10003\/#\/schema\/person\/b63d816f4964b163e53cbbcffaa0f3d7","name":"Panther","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/localhost:10003\/#\/schema\/person\/image\/","url":"http:\/\/2.gravatar.com\/avatar\/b8c0eda5a49f8f31ec32d0a0f9d6f838?s=96&d=mm&r=g","contentUrl":"http:\/\/2.gravatar.com\/avatar\/b8c0eda5a49f8f31ec32d0a0f9d6f838?s=96&d=mm&r=g","caption":"Panther"},"sameAs":["http:\/\/localhost:10003"],"url":"http:\/\/localhost:10003\/author\/pepethefrog\/"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/posts\/3902"}],"collection":[{"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/comments?post=3902"}],"version-history":[{"count":1,"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/posts\/3902\/revisions"}],"predecessor-version":[{"id":4638,"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/posts\/3902\/revisions\/4638"}],"wp:attachment":[{"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/media?parent=3902"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/categories?post=3902"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/tags?post=3902"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}