docs
directory.
+ MyCoder understands your project structure and existing code, providing
+ solutions that integrate seamlessly with your codebase.
>
),
},
{
- title: 'Powered by React',
+ title: 'Built for Developers',
Svg: require('@site/static/img/undraw_docusaurus_react.svg').default,
description: (
<>
- Extend or customize your website layout by reusing React. Docusaurus can
- be extended while reusing the same header and footer.
+ Designed with developer workflows in mind, MyCoder integrates with your
+ terminal, code editor, and development environment.
>
),
},
diff --git a/src/pages/index.module.css b/src/pages/index.module.css
index 9f71a5d..5578c10 100644
--- a/src/pages/index.module.css
+++ b/src/pages/index.module.css
@@ -21,3 +21,34 @@
align-items: center;
justify-content: center;
}
+
+.quickStart {
+ padding: 3rem 0;
+ background-color: var(--ifm-color-emphasis-100);
+}
+
+.codeBlock {
+ background-color: var(--ifm-color-emphasis-200);
+ border-radius: 8px;
+ padding: 1rem;
+ overflow: auto;
+}
+
+.docsLinks {
+ list-style-type: none;
+ padding-left: 0;
+}
+
+.docsLinks li {
+ margin-bottom: 1rem;
+ font-size: 1.1rem;
+}
+
+.docsLinks a {
+ color: var(--ifm-color-primary);
+ text-decoration: none;
+}
+
+.docsLinks a:hover {
+ text-decoration: underline;
+}
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 2e006d1..4d2d824 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -21,7 +21,7 @@ function HomepageHeader() {
- Docusaurus Tutorial - 5min ⏱️
+ Get Started with MyCoder
@@ -29,15 +29,52 @@ function HomepageHeader() {
);
}
+function HomepageQuickStart() {
+ return (
+ + Get up and running with MyCoder in minutes. MyCoder is an AI-powered coding assistant + that helps you write better code faster. +
+
+
+ # Install MyCoder globally
+ npm install -g mycoder
+ # Use MyCoder with a prompt
+ mycoder "Create a React component that displays a counter"
+
+
+