How to Create a Resume Builder App with Xata and Cloudinary Using NextJs

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

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
  • Next.js

    The React Framework

  • In this article, we will learn how to use Xata, a serverless, branch-able, scalable, consistent, highly available, searchable database to build a resume builder’s backend, and Cloudinary, a cloud-based asset management service, to manage all assets. At the same time, Next.js will be used to handle the front-end development.

  • XaTaHackMambaHackathon

  • Our Pages Also, most of the content here will be code snippets from our code. Please find the code here on GitHub.

  • 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
  • Yup

    Dead simple Object schema validation

  • Yup: A JavaScript schema builder to parse and validate our form input values.

  • client-ts

    Xata.io SDK for TypeScript and JavaScript

  • In this article, we will learn how to use Xata, a serverless, branch-able, scalable, consistent, highly available, searchable database to build a resume builder’s backend, and Cloudinary, a cloud-based asset management service, to manage all assets. At the same time, Next.js will be used to handle the front-end development.

  • Tailwind CSS

    A utility-first CSS framework for rapid UI development.

  • Tailwind CSS: A utility-first CSS framework to support and develop our design

  • react-icons

    svg react icons of popular icon packs

  • React Icons: To add beautiful Icons to our pages.

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

  • Squeezing more performance out of your Nextjs App

    4 projects | dev.to | 5 Feb 2024
  • Complete React and Tailwind CSS Website Design Tutorial | Build an Educational Landing Page

    6 projects | dev.to | 5 Dec 2023
  • Connect Wallet App using WAGMI and Tailwind CSS

    4 projects | dev.to | 1 Jan 2023
  • Awesome Packages for React JS

    4 projects | dev.to | 22 Aug 2022
  • Creating a no-auth Spotify playlist preview with Next.js

    4 projects | dev.to | 2 Apr 2022