nuxtDt

jQuery DataTables, .Net Core, SignalR & NuxtJs Play Nice Together

This project demonstrates how to make NuxtJs work with jQuery Datatables.

It also demonstrates how to do a Real-time update to the Datatable using SignalR.

Technologies Used

• NuxtJs
• SignalR
• .Net Core WebApi
• jQuery Datatables

Server-side Project

The server side of this project can be found at NuxtDt.Api Server Side

Update API

Make this PUT Request to the server to trigger SignalR Real-time update.

Screenshots

SignalR Real-time DataTables Update

Basic Example

Server Side Example

Build Setup

# install dependencies
$ yarn install

# serve with hot reload at localhost:3000
$ yarn dev

# build for production and launch server
$ yarn build
$ yarn start

# generate static project
$ yarn generate

For detailed explanation on how things work, check out Nuxt.js docs.