loading...

Why I'm moving AlOficial.com from Laravel to Nuxtjs and still been React Lover.

alexgomez88 profile image Alejandro Augusto Gomez Rodriguez ・2 min read

After two years of developing with React, Nextjs, Gatsby ... I still work with Laravel for some projects where ShareHosting is the optimal solution for small things. One of this project is AlOficial.com, a web for Venezuela to check the value of the dollar against the local currency, after a few days I decided to do a mayor upgraded, using node.js and also React Native app to monetize.

This was my developer quest:

Why node.JS

Let's be honest, JS is like sex, once you use it, you never want to use other things. It is so flexible that PHP becomes a little bit frustrating. Don't get me wrong, Laravel is a great tool, it to develop everything you want using all the resources that shared hosting can give you. But still, Javascript wins.

That why I deploy my project in a shared hosting that allows node.Js apps. I began to my deployment with Laravel, and it worked well but the web has still some needed of magic javascript touch.

First Try, Laravel + React

React is my prefered tool to work, and now Laravel allows to make your front end using React, but there is always a catch. React on Laravel is not the same as you work with "create-react-app", you can, however, create your project on React then use Laravel API to communicate with your app and voila... everything things ok...

But No, AlOficial requires something very important to be monetized, and that is SEO (search engine optimization) so we come back to the begging, I needed something whit SSR (server-side rendering).

NextJs and GatsbyJs

I have read how powerfull was NextJs, and I was very interested to use in full server project. NextJS makes your code easier and cleaner. Then I saw Gatsby whit a wonderful collection of templates that I even use for my website. I was just ready to do my evil plan when... my hosting server had a small rule... Only work with NodeJS 8 and 9... and NextJS and GatsbyJs require 10. My evil plan was gone.

The Rise of Vue... or Nuxt...

In my mind, I was only thinking about how to solve two problems: 1) I need a Native app to monetize AlOficial and 2) I need to remake your web... Then I think about other possibilities... I learned about Vue when I was Freelance and maybe I can solve with Nuxt (NextJs version of React). So then I began with AlOficial transformation, hoping to end it well.

Posted on Feb 5 by:

alexgomez88 profile

Alejandro Augusto Gomez Rodriguez

@alexgomez88

Mobile/Web Developer and Mechanical Engineer from Venezuela, Caracas.

Discussion

markdown guide
 

Hi Alejandro, make sure to look into Static Generated sites. It would keep both Laravel and React in your options.

Because you wrote:
"But No, AlOficial requires something very important to be monetized, and that is SEO (search engine"optimization) so we come back to the begging, I needed something whit SSR (server-side rendering)."

Static Generated (Pre Rendering) is offered by Vue.js frameworks Nuxt.js and Gridsome, and React frameworks Gatsby and Next.js (React). You could use your Laravel API and maintain great SEO.

You could host your builds for free on Netlify.com.
Which would allow you to keep using React, as it would free you from your NodeJS limitation.
Or you could generate on your local machine, and upload the generated dist folder to your current hosting.

Best of luck!

 

Hi Alejandro!
I hope you find the right way exploring these technologies ;) I use Laravel, Vue and Nuxt but I want to learn React and his SSR frameworks. Do you think that could be difficult?

 

I don't think is difficult. NextJS is a great tool to start, Gatsby is more for Frontend development and to use along with CMS. If you only want to learn how SSR work, use expressJS and render a component throw the router.