Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$

React Demo as Frontend and Laravel Demo as backend


HI,
I have a pretty straightforward question:

Can I use React DEMO as frontend and Laravel demo as backend (REST APIs)?


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (2)


Hi,

You can use React as the frontend and Laravel as the backend, communicating through REST APIs. React is a frontend library that can consume data from any API, including Laravel's RESTful API. Laravel provides an easy way to build REST APIs using its built-in API routes and controllers, which can communicate with a React frontend using HTTP requests.

To get started, you can build your Laravel backend with its RESTful APIs and test them using a tool like Postman. Once the APIs work as expected, you can start building your React frontend. In your React application, you can request HTTP to your Laravel backend APIs to fetch data and perform CRUD operations.

It's important to note that you may need to customize both the frontend and backend to meet your specific needs. While the demos may provide a good starting point, you'll likely need to modify them to fit your use case, including updating the UI, adding or removing features, and adjusting the API endpoints.

On the backend side, you may need to customize the Laravel APIs to fit your specific data requirements and business logic. This could involve creating new API endpoints, adjusting database schemas, or implementing authentication and security measures.

Thanks



Hey,

Absolutely, you can totally go for React on the frontend and Laravel on the backend for your project. It's a solid combo, and many developers swear by it. React makes your UI sleek and responsive, while Laravel handles the heavy lifting on the server side.

I've done a similar setup in a project of mine, and it worked like a charm. Just make sure your Laravel backend is serving up those REST APIs properly. Postman is your friend for testing that out.

Remember, the demos are just a kick start. You'll need to tweak things as you go along. Customize your front end for that killer user experience, and don't hesitate to dive into Laravel to tailor the backend to your needs. It's a bit of work, but the flexibility you get is worth it. If you need front-end consulting, you can contact these guys: https://andersenlab.de/find-developers/front-end (they once helped me with a complicated project).

Good luck, and enjoy coding! If you hit a snag, this forum's got your back.


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(