CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutSign UpSign In
sagemathinc

Real-time collaboration for Jupyter Notebooks, Linux Terminals, LaTeX, VS Code, R IDE, and more,
all in one place.

GitHub Repository: sagemathinc/cocalc
 Path: blob/master/src/packages/next/pages/info/run.tsx
Views: 687
1
import Footer from "components/landing/footer";

2
import Header from "components/landing/header";

3
import Head from "components/landing/head";

4
import { Layout } from "antd";

5
import withCustomize from "lib/with-customize";

6
import { Customize } from "lib/customize";

7
import A from "components/misc/A";

8
import { Icon } from "@cocalc/frontend/components/icon";

9
import IndexList, { DataSource } from "components/landing/index-list";

10
import { MAX_WIDTH } from "lib/config";

11


12
const dataSource: DataSource = [

13
  {

14
    landingPages: true,

15
    link: "https://github.com/sagemathinc/cocalc-desktop#readme",

16
    title: "Install the CoCalc Desktop Application",

17
    logo: "laptop",

18
    description: (

19
      <>

20
        If you're having browser compatibility issues with CoCalc, you can try

21
        installing the{" "}

22
        <A href="https://github.com/sagemathinc/cocalc-desktop#readme">

23
          CoCalc desktop application for Windows and MacOS

24
        </A>

25
        . This is a lightweight application that connects to the main cocalc.com

26
        site, but is completely separate from your web browser.

27
      </>

28
    ),

29
  },

30
  {

31
    landingPages: true,

32
    link: "/pricing/onprem",

33
    title: "Install CoCalc on Your Own Server or Cluster",

34
    logo: "server",

35
    description: (

36
      <>

37
        You can{" "}

38
        <A href="/pricing/onprem">

39
          fully run your own commercially supported instance of CoCalc

40
        </A>{" "}

41
        on anything from your laptop to a large Kubernetes cluster.

42
      </>

43
    ),

44
  },

45
] as DataSource;

46


47
export default function Help({ customize }) {

48
  let data = dataSource;

49
  return (

50
    <Customize value={customize}>

51
      <Head title="Run CoCalc" />

52
      <Layout>

53
        <Header page="info" subPage="run" />

54
        <Layout.Content

55
          style={{

56
            backgroundColor: "white",

57
          }}

58
        >

59
          <div

60
            style={{

61
              maxWidth: MAX_WIDTH,

62
              margin: "15px auto",

63
              padding: "15px",

64
              backgroundColor: "white",

65
            }}

66
          >

67
            <IndexList

68
              title={

69
                <>

70
                  <Icon name="laptop" style={{ marginRight: "30px" }} />

71
                  Other Ways to Run CoCalc

72
                </>

73
              }

74
              description={

75
                <>

76
                  In addition to using CoCalc via the website cocalc.com, there

77
                  are several other ways to run CoCalc.

78
                </>

79
              }

80
              dataSource={data}

81
            />

82
          </div>

83
          <Footer />

84
        </Layout.Content>

85
      </Layout>

86
    </Customize>

87
  );

88
}

89


90
export async function getServerSideProps(context) {

91
  return await withCustomize({ context });

92
}

93


94