shen/charting-library-examples
1
0
Fork 0
mirror of https://github.com/tradingview/charting-library-examples.git synced 2024-11-25 16:27:09 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity
master
charting-library-examples/nextjs
History
Romain Francois 028208de31 Adding a min version for node
2024-08-28 07:11:11 +01:00
..
components/TVChartContainer Fixing global margin 2023-03-29 12:35:26 +01:00
pages fixed: it's better to use "onReady" instead of "onLoad" to work on pages switch. 2023-05-05 13:36:20 +03:30
styles Fixing global margin 2023-03-29 12:35:26 +01:00
.gitignore Adding nextjsv13 example 2023-03-29 10:29:06 +01:00
copy_charting_library_files.sh fix copy files script when public static folder doesn't already exist 2023-05-04 22:42:11 +01:00
next-env.d.ts Adding nextjsv13 example 2023-03-29 10:29:06 +01:00
next.config.js Adding nextjsv13 example 2023-03-29 10:29:06 +01:00
package-lock.json CL-1977: Updating nextjs 2024-07-31 12:22:48 +01:00
package.json Adding a min version for node 2024-08-28 07:11:11 +01:00
README.md CL-1977: Updating nextjs 2024-07-31 12:22:48 +01:00
tsconfig.json Adding nextjsv13 example 2023-03-29 10:29:06 +01:00

README.md

TradingView Charting Library and Nextjs Integration Example (JavaScript)

The earliest supported version of the Charting Library for these examples is v28.0.0.

This example is intended to cover Nextjs from v13 onwards.

How to start

  1. Check that you can view https://github.com/tradingview/charting_library/. If you do not have access then you can request access to this repository here.
  2. Install dependencies npm install.
  3. Copy the charting library files
    1. If you are able to run bash scripts then the copy_charting_library_files.sh script can be used to copy the current stable version's files.
    2. If you are not able to run bash scripts then do the following:
      1. Copy charting_library folder from https://github.com/tradingview/charting_library/ to /public/static folders.
      2. Copy datafeeds folder from https://github.com/tradingview/charting_library/ to /public/static.
  4. Run npm run build and npm run start. It will build the project and open a default browser with the Charting Library.
  5. Run npm run dev when you start to develop with this project.

What is Charting Library

Charting Library is a standalone solution for displaying charts. This free, downloadable library is hosted on your servers and is connected to your data feed to be used in your website or app. Learn more and download.

What is React

React is a JavaScript library for building user interfaces. It is maintained by Facebook, Instagram and a community of individual developers and corporations.

What is Nextjs

Nextjs is React Sever Side Rendering Framework for React with zero-configuration.

About This Project

This project was bootstrapped with NextJs.