Skip to content
Draft
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 11 additions & 1 deletion website/docusaurus.config.js
Original file line number Diff line number Diff line change
Expand Up @@ -112,7 +112,17 @@ module.exports = {
],
...config.plugins,
],
themeConfig: { ...config.themeConfig, versions },
themeConfig: {
...config.themeConfig,
versions,
footer: {
...config.themeConfig.footer,
logo: {
...config.themeConfig.footer.logo,
href: '/docs',
},
},
},
staticDirectories: ['node_modules/@apify/docs-theme/static', 'static'],
customFields: {
...(config.customFields ?? []),
Expand Down
97 changes: 7 additions & 90 deletions website/src/pages/index.js
Original file line number Diff line number Diff line change
@@ -1,95 +1,12 @@
import React from 'react';
import clsx from 'clsx';
import Layout from '@theme/Layout';
import Link from '@docusaurus/Link';
import CodeBlock from '@theme/CodeBlock';
import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
import styles from './index.module.css';

function Hero() {
return (
<header className={clsx('container', styles.heroBanner)}>
<div className="row padding-horiz--md">
<div className="col col--7">
<div className={clsx(styles.relative, 'row')}>
<div className="col">
<h1 className={styles.tagline}>
Apify command-line interface (CLI)
</h1>
</div>
</div>
<div className="row">
<div className="col">
<h2></h2>
<h2>
Create, develop, build, and run <a href="https://docs.apify.com/actors">Apify Actors</a> from
your terminal. Manage the Apify platform from shell scripts.
</h2>
</div>
</div>
<div className="row">
<div className="col">
<div className={styles.heroButtons}>
<Link to="/docs" className={styles.getStarted}>Learn more</Link>
<iframe src="https://ghbtns.com/github-btn.html?user=apify&repo=apify-cli&type=star&count=true&size=large" frameBorder="0" scrolling="0" width="170" height="30" title="GitHub"></iframe>
</div>
</div>
</div>
</div>
<div className={clsx(styles.relative, 'col', 'col--5')}>
<div className={styles.logoBlur}>
<img src={require('/img/logo-blur.png').default} className={clsx(styles.hideSmall)} />
</div>
<div className={styles.codeBlock}>
<CodeBlock className="language-bash">
npm i -g apify-cli
</CodeBlock>
</div>
</div>
</div>
</header>
);
}
import { useEffect } from 'react';
import { useHistory } from '@docusaurus/router';

export default function Home() {
const { siteConfig } = useDocusaurusContext();
return (
<Layout
description={siteConfig.description}>
<Hero />
<div>
<div className="container">
<div className="row padding-horiz--md" >
<div className="col col--6">
<p style={{ lineHeight: '200%' }}>
Apify Actors are cloud programs that can perform arbitrary web scraping,
automation, or data processing job. They accept input, perform their job and generate output.
</p>
<p style={{ lineHeight: '200%' }}>
While you can develop Actors in an online IDE in <a href="https://console.apify.com/">Apify Console</a>, for
larger projects, it is more convenient to develop Actors locally on your computer
using <a href="https://docs.apify.com/sdk/js/">Apify SDK</a> and only push the Actors
to the Apify platform during deployment. This is where the Apify CLI comes in to allow you to quickly develop
locally and then deploy to the cloud with a single command.
</p>
</div>
<div className="col col--6">
<CodeBlock language='bash'>{`# Create your first Actor
apify create my-actor

# Go into the project directory
cd my-actor
const history = useHistory();

# Run it locally
apify run
useEffect(() => {
history.replace('/cli/docs');
}, [history]);
Comment on lines +7 to +9
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

lets add a server side redirect to https://github.com/apify/apify-docs/blob/master/nginx.conf

(this applies to all the PRs about the landing pages)


# Log into your Apify account and deploy it to Apify Platform
apify login
apify push`}</CodeBlock>
</div>
</div>
</div>
</div>
</Layout>
);
return null;
}
230 changes: 0 additions & 230 deletions website/src/pages/index.module.css

This file was deleted.

Loading