Build a Linktree clone in under 1 hour with Strapi, Next.js and GraphQL

This page summarizes the projects mentioned and recommended in the original post on dev.to
React Web Frameworks GraphQL TypeScript server-rendering

SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured
InfluxDB - Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured

  • linktree-clone

    • Note that this post did not go into detail about authentication and secure API permissions with Strapi, advanced GraphQL operations for e.g. modifying the buttons or logging in, or deploying the result. If you would like to see this project continue to address any of these topics, leave a comment and tell me what you would like to see. You can check out the project repository if you like.

  • Next.js

    The React Framework

    • The team behind Next.js provides a long list of examples to use different technologies with Next.js. Some examples are: Typescript, Tailwind, Apollo, pretty much all CMS's and more.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo

  • graphql-code-generator

    A tool for generating code based on a GraphQL schema and GraphQL operations (query/mutation/subscription), with flexible support for custom plugins.

    • Since we have a complete GraphQL schema from Strapi the GraphQL Code Generator can generate a complete set of types and hooks for us to use. Just head to the installation page and follow the instructions to install all the dependencies. In short it's this:

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

  • How to Build an Internal Company Wiki from Scratch

    2 projects | dev.to | 12 May 2023

  • Constructing a Personalized ChatGPT Assistant: Optimize Your Documentation with SEO Techniques

    5 projects | dev.to | 7 May 2023

  • Making GraphQL Codegen Work For You: GraphQL Integration with React and TypeScript

    5 projects | dev.to | 1 Mar 2023

  • Getting this error while setting apollo-server-micro with Next.js, What am I doing wrong ?

    2 projects | /r/reactjs | 31 Oct 2022

  • NextJS Authentication with WPGraphQL Quries

    2 projects | dev.to | 15 Sep 2021