[#1181,site][xs]: change portaljs to datahub in github repo references.
This commit is contained in:
parent
8feb87739d
commit
c1f2c526a8
@ -4,7 +4,7 @@ authors: ['Luccas Mateus']
|
|||||||
date: 2021-04-20
|
date: 2021-04-20
|
||||||
---
|
---
|
||||||
|
|
||||||
We have created a full data portal demo using PortalJS all backed by a CKAN instance storing data and metadata, you can see below a screenshot of the homepage and of an individual dataset page.
|
We have created a full data portal demo using DataHub PortalJS all backed by a CKAN instance storing data and metadata, you can see below a screenshot of the homepage and of an individual dataset page.
|
||||||
|
|
||||||

|

|
||||||

|

|
||||||
@ -14,7 +14,7 @@ We have created a full data portal demo using PortalJS all backed by a CKAN inst
|
|||||||
To create a Portal app, run the following command in your terminal:
|
To create a Portal app, run the following command in your terminal:
|
||||||
|
|
||||||
```console
|
```console
|
||||||
npx create-next-app -e https://github.com/datopian/portaljs/tree/main/examples/ckan
|
npx create-next-app -e https://github.com/datopian/datahub/tree/main/examples/ckan
|
||||||
```
|
```
|
||||||
|
|
||||||
> NB: Under the hood, this uses the tool called create-next-app, which bootstraps an app for you based on our CKAN example.
|
> NB: Under the hood, this uses the tool called create-next-app, which bootstraps an app for you based on our CKAN example.
|
||||||
|
|||||||
@ -1,7 +1,7 @@
|
|||||||
const config = {
|
const config = {
|
||||||
title: 'PortalJS - The JavaScript framework for data portals.',
|
title: 'DataHub PortalJS - The JavaScript framework for data portals.',
|
||||||
description:
|
description:
|
||||||
'PortalJS is a JavaScript framework for rapidly building rich data portal frontends using a modern frontend approach.',
|
'DataHub PortalJS is a JavaScript framework for rapidly building rich data portal frontends using a modern frontend approach.',
|
||||||
theme: {
|
theme: {
|
||||||
default: 'dark',
|
default: 'dark',
|
||||||
toggleIcon: '/images/theme-button.svg',
|
toggleIcon: '/images/theme-button.svg',
|
||||||
@ -11,7 +11,7 @@ const config = {
|
|||||||
authorUrl: 'https://datopian.com/',
|
authorUrl: 'https://datopian.com/',
|
||||||
navbarTitle: {
|
navbarTitle: {
|
||||||
// logo: "/images/logo.svg",
|
// logo: "/images/logo.svg",
|
||||||
text: '🌀 PortalJS',
|
text: '🌀 DataHub PortalJS',
|
||||||
// version: "Alpha",
|
// version: "Alpha",
|
||||||
},
|
},
|
||||||
navLinks: [
|
navLinks: [
|
||||||
@ -68,8 +68,8 @@ const config = {
|
|||||||
cardType: 'summary_large_image',
|
cardType: 'summary_large_image',
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
github: 'https://github.com/datopian/portaljs',
|
github: 'https://github.com/datopian/datahub',
|
||||||
discord: 'https://discord.gg/xfFDMPU9dC',
|
discord: 'https://discord.gg/KrRzMKU',
|
||||||
tableOfContents: true,
|
tableOfContents: true,
|
||||||
analytics: 'G-96GWZHMH57',
|
analytics: 'G-96GWZHMH57',
|
||||||
// editLinkShow: true,
|
// editLinkShow: true,
|
||||||
|
|||||||
@ -26,7 +26,7 @@ Below are some screenshots:
|
|||||||
- Create a new app with `create-next-app`:
|
- Create a new app with `create-next-app`:
|
||||||
|
|
||||||
```
|
```
|
||||||
npx create-next-app <app-name> --example https://github.com/datopian/portaljs/tree/main/examples/ckan-example
|
npx create-next-app <app-name> --example https://github.com/datopian/datahub/tree/main/examples/ckan-example
|
||||||
cd <app-name>
|
cd <app-name>
|
||||||
```
|
```
|
||||||
|
|
||||||
@ -49,7 +49,7 @@ If yo go to any one of those pages by clicking on `More info` you will see somet
|
|||||||
|
|
||||||
## Deployment
|
## Deployment
|
||||||
|
|
||||||
[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fdatopian%2Fportaljs%2Ftree%2Fmain%2Fexamples%2Fckan-example&env=DMS&envDescription=URL%20For%20the%20CKAN%20Backend%20Ex%3A%20https%3A%2F%2Fdemo.dev.datopian.com)
|
[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fdatopian%2Fdatahub%2Ftree%2Fmain%2Fexamples%2Fckan-example&env=DMS&envDescription=URL%20For%20the%20CKAN%20Backend%20Ex%3A%20https%3A%2F%2Fdemo.dev.datopian.com)
|
||||||
|
|
||||||
By clicking on this button, you will be redirected to a page which will allow you to clone the content into your own github/gitlab/bitbucket account and automatically deploy everything.
|
By clicking on this button, you will be redirected to a page which will allow you to clone the content into your own github/gitlab/bitbucket account and automatically deploy everything.
|
||||||
|
|
||||||
@ -70,6 +70,6 @@ npm run start
|
|||||||
|
|
||||||
## Links
|
## Links
|
||||||
|
|
||||||
- [Repo](https://github.com/datopian/portaljs/tree/main/examples/ckan-example)
|
- [Repo](https://github.com/datopian/datahub/tree/main/examples/ckan-example)
|
||||||
- [Live Demo](https://ckan-example.portaljs.org)
|
- [Live Demo](https://ckan-example.portaljs.org)
|
||||||
|
|
||||||
|
|||||||
@ -26,7 +26,7 @@ To get a feel of the project, check out the demo at [live deployment](https://ck
|
|||||||
Navigate to the directory in which you want to create the project folder and run the following command:
|
Navigate to the directory in which you want to create the project folder and run the following command:
|
||||||
|
|
||||||
```
|
```
|
||||||
npx create-next-app <app-name> --example https://github.com/datopian/portaljs/tree/main/examples/ckan
|
npx create-next-app <app-name> --example https://github.com/datopian/datahub/tree/main/examples/ckan
|
||||||
cd <app-name>
|
cd <app-name>
|
||||||
```
|
```
|
||||||
|
|
||||||
@ -56,7 +56,7 @@ If you navigate to any of the dataset pages by clicking on the dataset title you
|
|||||||
|
|
||||||
## Deployment
|
## Deployment
|
||||||
|
|
||||||
[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fdatopian%2Fportaljs%2Ftree%2Fmain%2Fexamples%2Fckan&env=DMS&envDescription=URL%20For%20the%20CKAN%20Backend%20Ex%3A%20https%3A%2F%2Fdemo.dev.datopian.com)
|
[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fdatopian%2Fdatahub%2Ftree%2Fmain%2Fexamples%2Fckan&env=DMS&envDescription=URL%20For%20the%20CKAN%20Backend%20Ex%3A%20https%3A%2F%2Fdemo.dev.datopian.com)
|
||||||
|
|
||||||
By clicking on this button, you will be redirected to a page which allows you to clone the base project into your own GitHub/GitLab/BitBucket account and automatically deploy it.
|
By clicking on this button, you will be redirected to a page which allows you to clone the base project into your own GitHub/GitLab/BitBucket account and automatically deploy it.
|
||||||
|
|
||||||
@ -158,6 +158,6 @@ Thanks to TypeScript, you can get a list of all the API methods in `@portaljs/ck
|
|||||||
|
|
||||||
## Links
|
## Links
|
||||||
|
|
||||||
- [Repo](https://github.com/datopian/portaljs/tree/main/examples/ckan)
|
- [Repo](https://github.com/datopian/datahub/tree/main/examples/ckan)
|
||||||
- [Live Demo](http://ckan.portaljs.org/)
|
- [Live Demo](http://ckan.portaljs.org/)
|
||||||
|
|
||||||
|
|||||||
@ -1,48 +0,0 @@
|
|||||||
---
|
|
||||||
title: "Example: showcase for a single Frictionless dataset"
|
|
||||||
authors: ['Luccas Mateus']
|
|
||||||
date: 2023-04-20
|
|
||||||
filetype: blog
|
|
||||||
---
|
|
||||||
|
|
||||||
**See the repo:** https://github.com/datopian/portaljs/tree/main/examples/dataset-frictionless
|
|
||||||
|
|
||||||
This example creates a portal/showcase for a single dataset. The dataset should be a [Frictionless dataset (data package)][fd] i.e. there should be a `datapackage.json`.
|
|
||||||
|
|
||||||
[fd]: https://frictionlessdata.io/data-packages/
|
|
||||||
|
|
||||||
## How to use
|
|
||||||
|
|
||||||
```bash
|
|
||||||
npx create-next-app -e https://github.com/datopian/portaljs/tree/main/examples/dataset-frictionless
|
|
||||||
# choose a name for your portal when prompted e.g. your-portal or go with default my-app
|
|
||||||
|
|
||||||
# then run it
|
|
||||||
cd your-portal
|
|
||||||
yarn #install packages
|
|
||||||
yarn dev #start app in dev mode
|
|
||||||
```
|
|
||||||
|
|
||||||
You should see the demo portal running with the example dataset provided:
|
|
||||||
|
|
||||||
<img src="/assets/examples/frictionless-dataset-demo.gif" />
|
|
||||||
|
|
||||||
### Use your own dataset
|
|
||||||
|
|
||||||
You can try it out with other [Frictionless datasets](https://datahub.io/search).
|
|
||||||
|
|
||||||
In the directory of your portal do:
|
|
||||||
|
|
||||||
```bash
|
|
||||||
export PORTAL_DATASET_PATH=/path/to/my/dataset
|
|
||||||
```
|
|
||||||
|
|
||||||
Then restart the dev server:
|
|
||||||
|
|
||||||
```
|
|
||||||
yarn dev
|
|
||||||
```
|
|
||||||
|
|
||||||
Check the portal page and it should have updated e.g. like:
|
|
||||||
|
|
||||||

|
|
||||||
@ -33,7 +33,7 @@ Run the following commands:
|
|||||||
|
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
npx create-next-app <app-name> --example https://github.com/datopian/portaljs/tree/main/examples/github-backed-catalog
|
npx create-next-app <app-name> --example https://github.com/datopian/datahub/tree/main/examples/github-backed-catalog
|
||||||
cd <app-name>
|
cd <app-name>
|
||||||
```
|
```
|
||||||
|
|
||||||
@ -61,7 +61,7 @@ Congratulations, your new app is now running at http://localhost:3000.
|
|||||||
|
|
||||||
## Deployment
|
## Deployment
|
||||||
|
|
||||||
[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fdatopian%2Fportaljs%2Ftree%2Fmain%2Fexamples%2Fgithub-backed-catalog)
|
[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fdatopian%2Fdatahub%2Ftree%2Fmain%2Fexamples%2Fgithub-backed-catalog)
|
||||||
|
|
||||||
By clicking on this button, you will be redirected to a page which will allow you to clone the example into your own GitHub/GitLab/BitBucket account and automatically deploy it.
|
By clicking on this button, you will be redirected to a page which will allow you to clone the example into your own GitHub/GitLab/BitBucket account and automatically deploy it.
|
||||||
|
|
||||||
@ -119,5 +119,5 @@ npm run start
|
|||||||
|
|
||||||
## Links
|
## Links
|
||||||
|
|
||||||
- [Repo](https://github.com/datopian/portaljs/tree/main/examples/github-backed-catalog)
|
- [Repo](https://github.com/datopian/datahub/tree/main/examples/github-backed-catalog)
|
||||||
- [Live Demo](https://example.portaljs.org)
|
- [Live Demo](https://example.portaljs.org)
|
||||||
|
|||||||
@ -2,4 +2,4 @@
|
|||||||
|
|
||||||
For now, see the examples folder in github:
|
For now, see the examples folder in github:
|
||||||
|
|
||||||
https://github.com/datopian/portaljs/tree/main/examples
|
https://github.com/datopian/datahub/tree/main/examples
|
||||||
|
|||||||
@ -11,5 +11,5 @@ description: Learn more about how you can achieve different data portal features
|
|||||||
- [[howtos/drd|How to create data-rich documents with charts and tables?]]
|
- [[howtos/drd|How to create data-rich documents with charts and tables?]]
|
||||||
- [[howtos/comments|How to add user comments?]]
|
- [[howtos/comments|How to add user comments?]]
|
||||||
|
|
||||||
If you have questions about anything related to PortalJS, you're always welcome to ask our community on [GitHub Discussions](https://github.com/datopian/portaljs/discussions) or on [our chat channel on Discord](https://discord.gg/EeyfGrGu4U).
|
If you have questions about anything related to PortalJS, you're always welcome to ask our community on [GitHub Discussions](https://github.com/datopian/datahub/discussions) or on [our chat channel on Discord](https://discord.gg/EeyfGrGu4U).
|
||||||
|
|
||||||
|
|||||||
@ -50,7 +50,7 @@ function MyApp({ Component, pageProps }) {
|
|||||||
<DefaultSeo
|
<DefaultSeo
|
||||||
defaultTitle={siteConfig.title}
|
defaultTitle={siteConfig.title}
|
||||||
description={siteConfig.description}
|
description={siteConfig.description}
|
||||||
titleTemplate="PortalJS - %s"
|
titleTemplate="DataHub PortalJS - %s"
|
||||||
{...siteConfig.nextSeo}
|
{...siteConfig.nextSeo}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
|
|||||||
@ -1,7 +1,7 @@
|
|||||||
#!/bin/bash
|
#!/bin/bash
|
||||||
rm -rf portal
|
rm -rf portal
|
||||||
mkdir -p portal
|
mkdir -p portal
|
||||||
npx create-next-app portal -e https://github.com/datopian/portaljs/tree/main/examples/dataset-frictionless
|
npx create-next-app portal -e https://github.com/datopian/datahub/tree/main/examples/dataset-frictionless
|
||||||
mkdir portal/public/dataset
|
mkdir portal/public/dataset
|
||||||
|
|
||||||
cp -a ./data portal/public/dataset
|
cp -a ./data portal/public/dataset
|
||||||
@ -12,7 +12,7 @@ PORTAL_DATASET_PATH=$PWD"/portal/public/dataset"
|
|||||||
export PORTAL_DATASET_PATH
|
export PORTAL_DATASET_PATH
|
||||||
|
|
||||||
mkdir -p .github && mkdir -p .github/workflows && touch .github/workflows/main.yml
|
mkdir -p .github && mkdir -p .github/workflows && touch .github/workflows/main.yml
|
||||||
curl https://raw.githubusercontent.com/datopian/portaljs/main/site/public/scripts/gh-page-builder-action.yml > .github/workflows/main.yml
|
curl https://raw.githubusercontent.com/datopian/datahub/main/site/public/scripts/gh-page-builder-action.yml > .github/workflows/main.yml
|
||||||
|
|
||||||
cd portal
|
cd portal
|
||||||
assetPrefix='"/'$PORTAL_REPO_NAME'/"'
|
assetPrefix='"/'$PORTAL_REPO_NAME'/"'
|
||||||
|
|||||||
@ -3,7 +3,7 @@ git checkout -b gh-pages
|
|||||||
git rm -r --cached .
|
git rm -r --cached .
|
||||||
rm -rf portal
|
rm -rf portal
|
||||||
mkdir -p portal
|
mkdir -p portal
|
||||||
npx create-next-app portal -e https://github.com/datopian/portaljs/tree/main/examples/dataset-frictionless
|
npx create-next-app portal -e https://github.com/datopian/datahub/tree/main/examples/dataset-frictionless
|
||||||
mkdir portal/public/dataset
|
mkdir portal/public/dataset
|
||||||
|
|
||||||
cp -a ./data portal/public/dataset
|
cp -a ./data portal/public/dataset
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user