Skip to content
This repository was archived by the owner on Oct 9, 2023. It is now read-only.

ruhendrawan/inertia-aspnetcore

 
 

Repository files navigation

Inertia.js ASP.NET Core Adapter

Visit inertiajs.com to learn more.

Prerequisite

  1. Latest SDK .NET Core 3.1.
  2. Create ASP.NET Core Web App (Model-View-Controller) mvc project.

Install

one of the following options.

  1. Package Manager: PM> Install-Package INERTIAJS.ASPNETCORE.ADAPTER
  2. .NET CLI: dotnet add package INERTIAJS.ASPNETCORE.ADAPTER

Usage

  1. SETUP Startup.cs
        public void ConfigureServices(IServiceCollection services)
        {
            services.AddInertia();
        }

        public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
        {
            //...
            app.UseInertia();
            //...
        }
  1. Controller
        public IActionResult Index()
        {
            //your js component file name.
            var componentName = "Welcome";
            //return whatever you want.
            var data = new { Id = 1 };
            //return Inertia Result.
            return Inertia.Render(componentName, data);
        }
  1. View App.cshtml
@using InertiaAdapter
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Inertia</title>
  </head>
  <body>
    @Inertia.Html(Model)

    <!-- reference your js file. -->
    <script src="/js/app.js"></script>
  </body>
</html>
  1. Compile your assets. This is really your choice, choose whatever option you are comfortable with. (maybe I should add sample project for Vue and React).

About

The AspNetCore adapter for Inertia.js. https://inertiajs.com

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • C# 100.0%