0

I have Nuxt.js project whose contents are 

alok@alok-HP-Laptop-14s-cr1xxx:~/tmp/portfolio$ tree -L 1
.
├── assets
├── components
├── layouts
├── middleware
├── node_modules
├── nuxt.config.js
├── package.json
├── package-lock.json
├── pages
├── plugins
├── README.md
├── static
└── store

9 directories, 4 files

This is very nice structure which is described on https://nuxtjs.org/guide/directory-structure .

I have some CSV data which I want to display in table in page/template. So how and where should I keep my this CSV data file so which can be easily accessed and rendered in template/page?

Alok
  • 7,734
  • 8
  • 55
  • 100

1 Answers1

1

It really depends on your data, your setup and experience...

If your data is not changing too often and you are willing to build and deploy your app every time it changes, the simplest thing you can do is to convert csv to json and include myData from myData.json directly from JavaScript (and keep it in the same folder as your component)

  • data will by part of your app bundle (ok if its just few lines)
  • works great with static site (nuxt generate) or SPA mode of Nuxt (don't need Node on server side so it can be hosted on Netlify and such)
  • simple

Other option is to put in inside static folder but then you will need to download it into your running app at run-time using Ajax (Axios for example). You can find examples here

  • more complicated
  • ability to update data without building whole app (just upload single file)

Even in this second case I would argue its better to parse it once and convert into something JavaScript can read easily (like JSON) and keep it that way instead of parsing at run-time every time someone uses your site...

Michal Levý
  • 33,064
  • 4
  • 68
  • 86