Integrating material UI example with next.js - reactjs

I am trying to quickly create a dashboard with next.js and react.js as a front end using tempaltes from material-ui.
Using next-create-app and find it easy enough to get something up and running but I just can't seem to integrate this dashboard.
https://github.com/creativetimofficial/material-dashboard-react
I realise that material UI has a github link for next.js here https://github.com/mui-org/material-ui/tree/master/examples/nextjs but for some reason I can't install it either...
when using the curl function i get locked out for some reason. I can use git functions fine though - maybe that would solve the issue? I don't think there's a way to get that specific branch though.
Appreciate any help - I realise it's a simple question yet I've had some difficulty with it so would love some help.

Related

Is it Possible to Create like Elementer App (Wordpress) in React js?

I am trying to create like elementer app (Wordpress) in react using react dnd (npm) , there is lot of problems came when creating Html Elements , any one can suggest for creating way or any packages to to this app .
Thanks in advance
Your question is very vague.
But I'll give you a bit of a starting point.
https://developer.wordpress.org/block-editor/reference-guides/packages/packages-create-block/ explains how to create a block in a plugin.
Then have a look at the entirety of this: https://developer.wordpress.org/block-editor/ - and you might kind of know where to start.
In general you can use react components anywhere with gutenberg. However mostly in the backend. Using them in the front end does often not make that much sense - then you are better off working with wordpress as a headless CM (via RestAPI).
Hope this helped you.

Storybook in Salesforce Lightning or alternative

Recently I've joined a new job and they are working with Salesforce. They have all pages with APEX and I propose to migrate to Lightning components.
I've created the first 7 components and I'm using Atomic Design Methodology (https://atomicdesign.bradfrost.com/chapter-2/) to develop these components.
I want to implement stories (with Storybook) or another similar library to document and put examples of each web component.
My question is... Is it possible? I try to install Storybook in the project and isn't working. The question is simple, whether or not you can. And if not, if you know any alternative to it.
Thank you!
In order to use Storybook, you will need to follow the provided Storybook documentation for lightning "Web Component" rather than the other available options like React and configure your VS Code to work with your SF Environment. Also, you might want to look into downloading the lwc-services, lwc-webpack-plugin and mo-dx-plugin dependency.

Anyone able to get lightbox2 working in a react site?

I am able to get it working on my Gatsby site when using gatsby develop locally and it works incredibly! But sadly it always causes my build to fail when trying to deploy to Netlify. I could really use some help if anyone has any experience getting non-react packages to work in a react environment. Or if anyone has recommendations of alternative lightbox packages that were made to work with react. Either way, I would greatly appreciate it!
Thanks,
Chris

Best solution for converting reactjs project based on boilerplate to SSR

salam;
We developed a PWA based on react-boilerplate. it's totally based on webpack.
now I'm supposed to implement SSR on this application. the problem is that , I can't find any suitable solution on converting current project to SSR.
I tried nextjs but integration with project is not possible. additionally its requirement for changing infrastructure is too much.
I tried some other libraries such as react-snapshot and ... but each of them has some specific issues.
any body can help me?

Universal rendering for react app based on create-react-app

I have an app based on the create-react-app starter kit and need to switch to universal/server rendering due to SEO issues.
Is there an easy way or example of taking the create-react-app teamplate and adding or modifying it to support universal rendering?
A lot of the examples I see for universal are overly complex for my needs and I prefer to keep it very clean and simple, if possible.
Thanks.
EDIT: FYI,
I found this medium post which points at this repository.
Seems simple enough, but since I'm a newbie on all webpack/react/node related stuff, if anyone thinks it's the wrong approach, would love to know...
There was a proof of concept of adding server rendering in this PR.
I can’t speak to how good it is but it’s something you could start with.
You may also look at some of the alternatives.
A few of them provide server rendering out of the box.
I've just created react universal (server-side rendering) starter used recommendations from redux and react-router v4. Fill free for feedback
https://github.com/gzoreslav/react-redux-saga-universal-application
You can take your app (bootstrapped with Create React App) to the next level by replacing react-scripts with a slightly altered version - react-app-tools, which allows adding server-side code to your project (e.g. for server-side rendering purposes and/or implementing an API endpoint). It will allow compiling and running your app using normal Create React App pipeline, using a single instance of Webpack, on the same HTTP port.
You can find more info by visiting React App SDK.

Resources