Which is a better choice to build an E-Commerce Website mvc or webapi

Question

we are about to develop an ERP application e commerce so we structed b/w choosing mvc and web api
we have to build it in core now so give me some suggestion which is better and also in for future which can be sustain long time according latest tech trndz..

Tuhin Paul · Answer

For an e-commerce ERP application  the Web API approach is generally the better choice particularly for long-term sustainability and scalability. You can combine it with modern front-end technologies (React Angular Vue.js) and easily expose your services to other systems or mobile applications. Configuring CORS Since your React front-end and Web API might run on different ports during development you'll need to configure CORS (Cross-Origin Resource Sharing) in the Web API. In Startup.cs (ASP.NET Core 5 or 6): public void ConfigureServices(IServiceCollection services) { services.AddCors(options => { options.AddPolicy(AllowAllOrigins builder => builder.AllowAnyOrigin() .AllowAnyMethod() .AllowAnyHeader()); }); services.AddControllers(); } public void Configure(IApplicationBuilder app IWebHostEnvironment env) { app.UseCors(AllowAllOrigins); app.UseRouting(); app.UseEndpoints(endpoints => { endpoints.MapControllers(); }); }

Tuhin Paul · Answer

API Controller for Products using Microsoft.AspNetCore.Mvc; using System.Collections.Generic; namespace ECommerceERP.Controllers { [Route(api/[controller])] [ApiController] public class ProductsController : ControllerBase { private static List products = new List { new Product { Id = 1 Name = Laptop Price = 999.99 } new Product { Id = 2 Name = Smartphone Price = 499.99 } new Product { Id = 3 Name = Headphones Price = 199.99 } }; // GET: api/products [HttpGet] public ActionResult > GetProducts() { return Ok(products); } // GET: api/products/{id} [HttpGet({id})] public ActionResult GetProduct(int id) { var product = products.Find(p => p.Id == id); if (product == null) { return NotFound(); } return Ok(product); } } public class Product { public int Id { get; set; } public string Name { get; set; } public double Price { get; set; } } } React Component (ProductList.js): import React { useEffect useState } from 'react'; const ProductList = () => { const [products setProducts] = useState([]); useEffect(() => { fetch(http://localhost:5000/api/products) .then((response) => response.json()) .then((data) => setProducts(data)) .catch((error) => console.error('Error:' error)); } []); return ( Products {products.map((product) => ( {product.name} - ${product.price} ))} ); }; export default ProductList; If you decide to go with MVC  it would make more sense when your application needs to serve HTML views to users directly where you control the UI layout using Razor views. If you're looking for flexibility performance and easier maintenance Web API is preferred. MVC would still be a viable choice if: Your team is comfortable with server-side rendered pages. You don't need to decouple the front-end and back-end. You are building a more traditional application where the majority of users will interact with the app via a web browser and not with mobile apps or third-party integrations.

Jignesh Kumar · Answer

Hello Jaya prakas Based on my understanding of the latest trends you can consider the following technologies: Web API combined with a Single Page Application (SPA). ASP.NET Core Web API to build Backen Develop the ERP logic as a RESTful service layer using Web API. This approach allows the back-end to serve multiple clients including web and mobile. Angular or React to build Frontend For the e-commerce and ERP front-end consider modern frameworks like Angular or React to build an interactive and dynamic user interface. Advantages of using above technologies togather Scalability: Independent scaling of UI and API layers. Reusability: APIs can be reused for other platforms. Adoption of Trends: Aligns with modern development practices like microservices PWA (Progressive Web Apps) and headless commerce.

Sangeetha S · Answer

Choosing between MVC (Model-View-Controller) and Web API (Application Programming Interface) for building an e-commerce website depends on your specific needs: MVC: Best for : Traditional web applications where you need server-side rendering of HTML. Pros : Provides a complete framework for building web applications. Good for SEO since it generates HTML on the server. Easier for developers who want to work with a full-stack solution. Cons : Less flexibility for building single-page applications (SPAs). Can be heavier on server resources since it renders pages on the server. Web API: Best for : Applications that require a lot of client-side interaction or if you plan to create a mobile app or use multiple platforms. Pros : Allows for building a decoupled architecture; front-end and back-end can be developed separately. Great for SPAs as it provides data to the client-side via AJAX calls. Can be consumed by various clients (web mobile IoT). Cons : Requires more work on the front-end side especially if you're building a complete SPA. SEO can be a challenge since data is often rendered client-side. Conclusion: If your e-commerce site will mainly serve web users and you want to manage everything in one place MVC might be the better choice.