Creating a Gantt chart with React using Next.js

• gantt-chart-nextjs-starter

  1 0 10.0 JavaScript
  

You can find the code for the completed Next.js Gantt Chart in our GitHub repository.

• styled-jsx

  23 7,613 2.1 JavaScript

  Full CSS support for JSX without compromises

  

The CSS we'll use for the Gantt chart is included in the starter code. We've used Styled JSX, which comes with Next.js, to write scoped-styled components. There are some global styles in styles/globals.js. These global styles are added to our app in the Layout component in the components folder. The entire app is wrapped in this Layout component in the _app.js file, which is in the pages folder.

• SurveyJS

  surveyjs.io featured

  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.

  

• prettier

  443 48,347 9.8 JavaScript

  Prettier is an opinionated code formatter.

  

The .vscode folder includes some VS Code settings and extension recommendations, as well as settings for ESLint and Prettier. ESLint and Prettier have been added and configured to format your code on paste and on save. If you don't use VS Code as an IDE, you'll need to configure these for your IDE. Once you've done that, you can delete this file.

• ESLint

  382 24,310 9.7 JavaScript

  Find and fix problems in your JavaScript code.

  

The .vscode folder includes some VS Code settings and extension recommendations, as well as settings for ESLint and Prettier. ESLint and Prettier have been added and configured to format your code on paste and on save. If you don't use VS Code as an IDE, you'll need to configure these for your IDE. Once you've done that, you can delete this file.

Suggest a related project