CREATE-REACT-NEXT-APP

One of a kind boilerplate for those looking for an easy way to SSR React with Next and use an external server with it

This boilerplate has the following :

• Next JS
• Express JS + Nodemon
• React JS
• Concurrently
• Isomorphic-unfetch

This Package is compatable with everything thats out there , so don't worry , you can always modify this and get to me with them , i will be sure to update it ;)

Wanna learn React JS ?

Visit https://techinterventions.com/forum/16-reactjs-tutorials/ and learn React JS from scratch till end. This is the boilerplate i will be using for teaching React JS along with Node JS

Now , lets get to the point shall we ? , how to install and what to do next ?

Installation

Just Install With :

npm install -g create-react-next-app

then goto desktop on Windows and check for 'create-react-next-app' folder and inside that folder , run once :

npm install

once everything is updated , you are good to go ! and Thats It Really ! Have fun ! and yes , this uses stock Next JS handling , so it doesn't work with the proxy method, like you use in Create-React-App

NoTE : This build may not work on Linux/MAC, in that case head over to :

https://techinterventions.com/topic/5-the-most-ideal-boilerplate-for-react-js-application/?tab=comments#comment-5

and download the package and extract it. This issue will be solved as we learn more on the course.

How To Fetch Data From Express Without CORS ?

all you have to do is , use :

   const res = await fetch('<server address>');   // fetch object from an address
   const json = await res.json();  //convert it to JSON
   return { new value name: json.sub element of an object you fetched in JSON};  //store the new sub element of object in another variable
 } ```

 Credits : Next JS/Zeit

Having Issues with the boilerplate ? NPM Errors ?

Contact me directly at https://techinterventions.com OR post it in reply to this thread :

https://techinterventions.com/topic/5-the-most-ideal-boilerplate-for-react-js-application/

Thank you very much for reading , i will keep updating it !