Building a Photo Sharing App with Nuxt 3, GraphQL, Cloudinary, Postgres and Strapi

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • Scout APM - Truly a developer’s best friend
  • Sonar - Write Clean JavaScript Code. Always.
  • Zigi - Close all those tabs. Zigi will handle your updates.
  • InfluxDB - Build time-series-based applications quickly and at scale.
  • strapi-photos-app-frontend

    Example project on how to create a photo sharing app with Strapi GraphQL, Postgres and Cloudinary

    Click here to view the code on Github

  • Nuxt 3

    The Intuitive Web Framework, based on Vue 3. (by nuxt)

    Once the installation is complete, add Tailwind CSS to the project using the @nuxt/tailwind module. We’ll also install the tailwind form plugin. This module helps set up Tailwind CSS (version 3) in our Nuxt 3 application in seconds.

  • Scout APM

    Truly a developer’s best friend. Scout APM is great for developers who want to find and fix performance issues in their applications. With Scout, we'll take care of the bugs so you can focus on building great things 🚀.

  • Tailwind CSS

    A utility-first CSS framework for rapid UI development.

    Once the installation is complete, add Tailwind CSS to the project using the @nuxt/tailwind module. We’ll also install the tailwind form plugin. This module helps set up Tailwind CSS (version 3) in our Nuxt 3 application in seconds.

  • Strapi

    🚀 Strapi is the leading open-source headless CMS. It’s 100% JavaScript, fully customizable and developer-first.

    With a customizable Headless CMS like Strapi for example, we have the ability to choose a database for our content, integrate a media library and even expand the backend functionality using plugins that can be found on the Strapi marketplace.

  • heroicons

    A set of free MIT-licensed high-quality SVG icons for UI development.

    We’ll use Heroicons for our icon library. To get started, install the Vue library:

  • Sonar

    Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts