/nuxtDt

Making NuxtJs & jQuery Datatables Play Nice

Primary LanguageVue

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.

alt tag

Screenshots

SignalR Real-time DataTables Update

alt tag

Basic Example

alt tag

Server Side Example

alt tag

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.