Backend UI - React + Next.js using Polaris Library
Budget: $30 – $250 USD
We are looking for a collaborator with experience on React and Next.js to implement a backend UI composed of 6 pages, using the Polaris Library. Polaris is Shopify's library of elements for backend design and experience, all elements like buttons, layout fields, etc. already exist in the library, they just need to be put together according to the design provided in the figma file.
Resources:
https://www.figma.com/file/tQxaliTQbgUryzTDuigNjY/Backend-UI?type=design&t=bVywInxH7uFZXUly-1
https://polaris.shopify.com/components
To the question of what is the difference between React and Next.JS
React and Next.js are both JavaScript libraries used in web development, but they serve different purposes and offer different functionalities.
React.js: React is a JavaScript library developed by Facebook for building user interfaces, specifically for single-page applications. It's used for handling the view layer in web and mobile apps. React allows you to design simple views for each state in your application, and it will efficiently update and render the right components when your data changes. React allows developers to create reusable UI components.
Next.js: Next.js is a React framework developed by Vercel that enables functionality such as server-side rendering and generating static websites for React-based web applications. It's a tool that takes the good parts of React and makes them easier and faster to implement. Next.js has built-in features like routing (with dynamic routes), pre-rendering, and performance optimizations.
Definition of done:
- All 6 pages are implemented on Next.JS + Polaris
- Page 1 “Templates” is implemented according to design
- Page 2 “Follow these simple steps to get started” is implemented according to design
- Page 3 “Data Sources” is implemented according to design and also include the design for the boxes: Files, Website Crawler, Sitemap, Website URL
- Page 4 “Settings” is implemented according to design
- Page 5 “Conversations” is implemented according to design
- Page 6 “Embed” is implemented according to design
Resources:
https://www.figma.com/file/tQxaliTQbgUryzTDuigNjY/Backend-UI?type=design&t=bVywInxH7uFZXUly-1
https://polaris.shopify.com/components
To the question of what is the difference between React and Next.JS
React and Next.js are both JavaScript libraries used in web development, but they serve different purposes and offer different functionalities.
React.js: React is a JavaScript library developed by Facebook for building user interfaces, specifically for single-page applications. It's used for handling the view layer in web and mobile apps. React allows you to design simple views for each state in your application, and it will efficiently update and render the right components when your data changes. React allows developers to create reusable UI components.
Next.js: Next.js is a React framework developed by Vercel that enables functionality such as server-side rendering and generating static websites for React-based web applications. It's a tool that takes the good parts of React and makes them easier and faster to implement. Next.js has built-in features like routing (with dynamic routes), pre-rendering, and performance optimizations.
Definition of done:
- All 6 pages are implemented on Next.JS + Polaris
- Page 1 “Templates” is implemented according to design
- Page 2 “Follow these simple steps to get started” is implemented according to design
- Page 3 “Data Sources” is implemented according to design and also include the design for the boxes: Files, Website Crawler, Sitemap, Website URL
- Page 4 “Settings” is implemented according to design
- Page 5 “Conversations” is implemented according to design
- Page 6 “Embed” is implemented according to design