-
-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
7 changed files
with
474 additions
and
334 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,6 +1,6 @@ | ||
| import '../styles/global.css' | ||
| import { AppProps } from 'next/app' | ||
| import '../styles/global.css'; | ||
| import { AppProps } from 'next/app'; | ||
|
|
||
| export default function App({ Component, pageProps }: AppProps) { | ||
| return <Component {...pageProps} /> | ||
| return <Component {...pageProps} />; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,69 +1,76 @@ | ||
| import { Component } from 'react' | ||
| import Container from '../../components/container' | ||
| import Layout from '../../components/layout' | ||
| import styles from '../../styles/doc.module.css' | ||
| import { getAllDocs } from '../../lib/api' | ||
| import Head from 'next/head' | ||
| import Doc from '../../types/doc' | ||
| import { withRouter, Router } from 'next/router' | ||
| import { Component } from 'react'; | ||
| import Container from '../../components/container'; | ||
| import Layout from '../../components/layout'; | ||
| import styles from '../../styles/doc.module.css'; | ||
| import { getAllDocs } from '../../lib/api'; | ||
| import Head from 'next/head'; | ||
| import Doc from '../../types/doc'; | ||
| import { withRouter, Router } from 'next/router'; | ||
|
|
||
| type DocListProps = { | ||
| allDocs: Doc[], | ||
| router: Router | ||
| } | ||
|
|
||
| class DocList extends Component<DocListProps, { | ||
| allDocs: Doc[] | ||
| router: Router | ||
| }> { | ||
| allDocs: Doc[]; | ||
| router: Router; | ||
| }; | ||
|
|
||
| class DocList extends Component< | ||
| DocListProps, | ||
| { | ||
| allDocs: Doc[]; | ||
| router: Router; | ||
| } | ||
| > { | ||
| constructor(props: DocListProps) { | ||
| super(props) | ||
| super(props); | ||
| this.state = { | ||
| allDocs: props.allDocs, | ||
| router: props.router | ||
| } | ||
| router: props.router, | ||
| }; | ||
| } | ||
|
|
||
| render() { | ||
| return ( | ||
| <> | ||
| <Layout> | ||
| <Head> | ||
| <title>Documentation</title> | ||
| </Head> | ||
| <Container docs={this.state.allDocs}> | ||
| <h1>Getting started</h1> | ||
| <p>System Requirements:</p> | ||
| <ul className={styles.markdownUl}> | ||
| <li className={styles.markdownLi}>Linux, MacOS or Windows</li> | ||
| <li className={styles.markdownLi}>NodeJS 12+</li> | ||
| </ul> | ||
| <p>To install the command line tool, run the command:</p> | ||
| <pre className={styles.markdownPre}>npm install @studiorack/cli -g</pre> | ||
| <p>Verify the tool has been installed by running:</p> | ||
| <pre className={styles.markdownPre}>studiorack --version</pre> | ||
| <h2 className={styles.markdownH2}>Music producers</h2> | ||
| <p>Follow our guide on how to start a music project and install plugins:</p> | ||
| <p><a href={`${this.state.router.basePath}/docs/02-create-a-project-config`} className={styles.markdownA}>Create a project config ></a></p> | ||
| <h2 className={styles.markdownH2}>Plugin developers</h2> | ||
| <p>Jump straight to the advanced guide on how to create your own audio plugins:</p> | ||
| <p><a href={`${this.state.router.basePath}/docs/05-develop-new-plugins`} className={styles.markdownA}>Develop new plugins ></a></p> | ||
| </Container> | ||
| </Layout> | ||
| </> | ||
| ) | ||
| <> | ||
| <Layout> | ||
| <Head> | ||
| <title>Documentation</title> | ||
| </Head> | ||
| <Container docs={this.state.allDocs}> | ||
| <h1>Getting started</h1> | ||
| <p>System Requirements:</p> | ||
| <ul className={styles.markdownUl}> | ||
| <li className={styles.markdownLi}>Linux, MacOS or Windows</li> | ||
| <li className={styles.markdownLi}>NodeJS 12+</li> | ||
| </ul> | ||
| <p>To install the command line tool, run the command:</p> | ||
| <pre className={styles.markdownPre}>npm install @studiorack/cli -g</pre> | ||
| <p>Verify the tool has been installed by running:</p> | ||
| <pre className={styles.markdownPre}>studiorack --version</pre> | ||
| <h2 className={styles.markdownH2}>Music producers</h2> | ||
| <p>Follow our guide on how to start a music project and install plugins:</p> | ||
| <p> | ||
| <a href={`${this.state.router.basePath}/docs/02-create-a-project-config`} className={styles.markdownA}> | ||
| Create a project config > | ||
| </a> | ||
| </p> | ||
| <h2 className={styles.markdownH2}>Plugin developers</h2> | ||
| <p>Jump straight to the advanced guide on how to create your own audio plugins:</p> | ||
| <p> | ||
| <a href={`${this.state.router.basePath}/docs/05-develop-new-plugins`} className={styles.markdownA}> | ||
| Develop new plugins > | ||
| </a> | ||
| </p> | ||
| </Container> | ||
| </Layout> | ||
| </> | ||
| ); | ||
| } | ||
| } | ||
| export default withRouter(DocList) | ||
| export default withRouter(DocList); | ||
|
|
||
| export const getStaticProps = async () => { | ||
| const allDocs = getAllDocs([ | ||
| 'title', | ||
| 'slug' | ||
| ]) | ||
| const allDocs = getAllDocs(['title', 'slug']); | ||
|
|
||
| return { | ||
| props: { allDocs }, | ||
| } | ||
| } | ||
| }; | ||
| }; |
Oops, something went wrong.