diff --git a/.gitignore b/.gitignore index 047147e7..24eba293 100644 --- a/.gitignore +++ b/.gitignore @@ -19,3 +19,6 @@ npm-debug.log* yarn-debug.log* yarn-error.log* + +.vscode +bun.lock \ No newline at end of file diff --git a/README.md b/README.md index 38fba6ad..20f923e0 100644 --- a/README.md +++ b/README.md @@ -1,35 +1,42 @@ -# Website +
+ + Logo + +

Welcome to the ProgrammerzamanNow Website

+
-This website is built using [Docusaurus](https://docusaurus.io/), a modern static website generator. +### 🚀 Introduction +This website is built using [Docusaurus](https://docusaurus.io/), a modern static website generator designed for fast and efficient content delivery -### Installation +### 📦 Installation +To install dependencies, run: +```sh +yarn ``` -$ yarn -``` - -### Local Development +### 🔥 Local Development +Start a local development server and open a browser window: +```sh +yarn start ``` -$ yarn start -``` +Changes will be reflected live without restarting the server. -This command starts a local development server and opens up a browser window. Most changes are reflected live without having to restart the server. - -### Build - -``` -$ yarn build +### 🏗️ Build +Generate static content for production: +```sh +yarn build ``` +The static files will be stored in the build directory and can be deployed using any hosting service. -This command generates static content into the `build` directory and can be served using any static contents hosting service. - -### Deployment - -Using SSH: - -``` +### 🚀 Deployment +Deploy using SSH: +```sh GIT_USER=khannedy USE_SSH=true DEPLOYMENT_BRANCH=gh-pages yarn deploy ``` - -If you are using GitHub pages for hosting, this command is a convenient way to build the website and push to the `gh-pages` branch. +If hosting on GitHub Pages, this command conveniently builds and pushes to the `gh-pages` branch \ No newline at end of file diff --git a/docusaurus.config.ts b/docusaurus.config.ts index 8545ef74..d1a45a23 100644 --- a/docusaurus.config.ts +++ b/docusaurus.config.ts @@ -1,245 +1,263 @@ -import {themes as prismThemes} from 'prism-react-renderer'; -import type {Config} from '@docusaurus/types'; -import type * as Preset from '@docusaurus/preset-classic'; -import {EnumChangefreq} from "sitemap/dist/lib/types"; +import { themes as prismThemes } from "prism-react-renderer"; +import type { Config } from "@docusaurus/types"; +import type * as Preset from "@docusaurus/preset-classic"; +import { EnumChangefreq } from "sitemap/dist/lib/types"; const config: Config = { - title: 'Programmer Zaman Now', - tagline: 'Tempat Belajar untuk Menjadi Software Development Expert yang Zaman Now Banget!', - favicon: 'img/pzn.png', + title: "Programmer Zaman Now", + tagline: + "Tempat Belajar untuk Menjadi Software Development Expert yang Zaman Now Banget!", + favicon: "img/pzn.png", - // Set the production url of your site here - url: 'https://www.programmerzamannow.com', - // Set the // pathname under which your site is served - // For GitHub pages deployment, it is often '//' - baseUrl: '/', + // Set the production url of your site here + url: "https://www.programmerzamannow.com", + // Set the // pathname under which your site is served + // For GitHub pages deployment, it is often '//' + baseUrl: "/", - // GitHub pages deployment config. - // If you aren't using GitHub pages, you don't need these. - organizationName: 'ProgrammerZamanNow', // Usually your GitHub org/user name. - projectName: 'programmerzamannow.github.io', // Usually your repo name. + // GitHub pages deployment config. + // If you aren't using GitHub pages, you don't need these. + organizationName: "ProgrammerZamanNow", // Usually your GitHub org/user name. + projectName: "programmerzamannow.github.io", // Usually your repo name. - onBrokenLinks: 'throw', - onBrokenMarkdownLinks: 'warn', + onBrokenLinks: "throw", + onBrokenMarkdownLinks: "warn", - // Even if you don't use internationalization, you can use this field to set - // useful metadata like html lang. For example, if your site is Chinese, you - // may want to replace "en" with "zh-Hans". - i18n: { - defaultLocale: 'en', - locales: ['en'], - }, + // Even if you don't use internationalization, you can use this field to set + // useful metadata like html lang. For example, if your site is Chinese, you + // may want to replace "en" with "zh-Hans". + i18n: { + defaultLocale: "en", + locales: ["en"], + }, - markdown: { - mermaid: true, - }, - themes: ['@docusaurus/theme-mermaid'], + markdown: { + mermaid: true, + }, + themes: ["@docusaurus/theme-mermaid"], - presets: [ - [ - 'classic', - { - docs: { - sidebarPath: './sidebars.ts', - // Please change this to your repo. - // Remove this to remove the "edit this page" links. - editUrl: - 'https://github.com/facebook/docusaurus/tree/main/packages/create-docusaurus/templates/shared/', - }, - blog: { - showReadingTime: true, - // Please change this to your repo. - // Remove this to remove the "edit this page" links. - editUrl: - 'https://github.com/facebook/docusaurus/tree/main/packages/create-docusaurus/templates/shared/', - }, - theme: { - customCss: './src/css/custom.css', - }, - sitemap: { - changefreq: EnumChangefreq.WEEKLY, - priority: 0.5, - filename: 'sitemap.xml', - } - } satisfies Preset.Options, - ], + presets: [ + [ + "classic", + { + docs: { + sidebarPath: "./sidebars.ts", + // Please change this to your repo. + // Remove this to remove the "edit this page" links. + editUrl: + "https://github.com/facebook/docusaurus/tree/main/packages/create-docusaurus/templates/shared/", + }, + blog: { + showReadingTime: true, + // Please change this to your repo. + // Remove this to remove the "edit this page" links. + editUrl: + "https://github.com/facebook/docusaurus/tree/main/packages/create-docusaurus/templates/shared/", + }, + theme: { + customCss: "./src/css/custom.css", + }, + sitemap: { + changefreq: EnumChangefreq.WEEKLY, + priority: 0.5, + filename: "sitemap.xml", + }, + } satisfies Preset.Options, ], + ], - plugins: [ - [ - '@docusaurus/plugin-content-docs', - { - id: 'pemrograman-java', - path: 'articles/pemrograman/java', - routeBasePath: 'pemrograman/java', - sidebarPath: require.resolve('./sidebars.js'), - }, - ], + plugins: [ + [ + "@docusaurus/plugin-content-docs", + { + id: "pemrograman-java", + path: "articles/pemrograman/java", + routeBasePath: "pemrograman/java", + sidebarPath: require.resolve("./sidebars.js"), + }, ], + ], - themeConfig: { - // Replace with your project's social card - image: 'img/pzn.png', - navbar: { - title: 'Programmer Zaman Now', - logo: { - alt: 'Programmer Zaman Now', - src: 'img/pzn.png', + themeConfig: { + // Replace with your project's social card + image: "img/pzn.png", + navbar: { + title: "Programmer Zaman Now", + logo: { + alt: "Programmer Zaman Now", + src: "img/pzn.png", + }, + items: [ + { + position: "left", + to: "/promo", + label: "Promo Kelas Udemy", + }, + { + position: "left", + to: "https://kelas.programmerzamannow.com/", + label: "Kelas Online", + }, + { + position: "left", + label: "Pemrograman", + items: [ + { + to: "/pemrograman/java/intro", + label: "Java", }, - items: [ - { - position: 'left', - to: '/promo', - label: 'Promo Kelas Udemy', - }, - { - position: 'left', - to: 'https://kelas.programmerzamannow.com/', - label: 'Kelas Online', - }, - { - position: 'left', - label: 'Pemrograman', - items: [ - { - to: '/pemrograman/java/intro', - label: 'Java', - }, - // { - // to: '/pemrograman/javascript/intro', - // label: 'JavaScript', - // }, - // { - // to: '/pemrograman/golang/intro', - // label: 'Go-Lang', - // }, - // { - // to: '/pemrograman/php/intro', - // label: 'PHP', - // }, - // { - // to: '/pemrograman/dart/intro', - // label: 'Dart', - // }, - // { - // to: '/pemrograman/kotlin/intro', - // label: 'Kotlin', - // }, - // { - // to: '/pemrograman/swift/intro', - // label: 'Swift', - // }, - // { - // to: '/pemrograman/typescript/intro', - // label: 'TypeScript', - // } - ] - }, - { - position: 'right', - label: 'Komunitas', - items: [ - // { - // href: 'https://discord.com', - // label: 'Discord', - // }, - { - href: 'https://web.facebook.com/groups/programmerzamannow', - label: 'Facebook Group', - } - ] - }, - { - position: 'right', - label: 'Social Media', - items: [ - { - href: 'https://youtube.com/c/ProgrammerZamanNow', - label: 'Youtube', - }, - { - href: 'https://instagram.com/ProgrammerZamanNow', - label: 'Instagram', - }, - { - href: 'https://facebook.com/ProgrammerZamanNow', - label: 'Facebook', - }, - { - href: 'https://t.me/ProgrammerZamanNow', - label: 'Telegram', - } - ] - }, - { - href: 'https://github.com/ProgrammerZamanNow/programmerzamannow.github.io', - label: 'GitHub', - position: 'right', - }, - ], + // { + // to: '/pemrograman/javascript/intro', + // label: 'JavaScript', + // }, + // { + // to: '/pemrograman/golang/intro', + // label: 'Go-Lang', + // }, + // { + // to: '/pemrograman/php/intro', + // label: 'PHP', + // }, + // { + // to: '/pemrograman/dart/intro', + // label: 'Dart', + // }, + // { + // to: '/pemrograman/kotlin/intro', + // label: 'Kotlin', + // }, + // { + // to: '/pemrograman/swift/intro', + // label: 'Swift', + // }, + // { + // to: '/pemrograman/typescript/intro', + // label: 'TypeScript', + // } + ], }, - footer: { - style: 'dark', - links: [ - { - title: 'Social Media', - items: [ - { - label: 'Youtube', - href: 'https://youtube.com/c/ProgrammerZamanNow', - }, - { - label: 'Instagram', - href: 'https://instagram.com/ProgrammerZamanNow', - }, - { - label: 'Facebook', - href: 'https://facebook.com/ProgrammerZamanNow', - }, - { - label: 'Telegram', - href: 'https://t.me/ProgrammerZamanNow', - }, - ], - }, - { - title: 'Komunitas', - items: [ - // { - // label: 'Discord', - // href: 'https://discordapp.com/invite/docusaurus', - // }, - { - label: 'Facebook Group', - href: 'https://www.facebook.com/groups/526962685085680', - }, - ], - }, - { - title: 'More', - items: [ - // { - // label: 'Blog', - // to: '/blog', - // }, - { - label: 'GitHub', - href: 'https://github.com/ProgrammerZamanNow/programmerzamannow.github.io', - }, - ], - }, - ], - copyright: `Built with Love by Programmer Zaman Now.`, + { + position: "right", + label: "Komunitas", + items: [ + // { + // href: 'https://discord.com', + // label: 'Discord', + // }, + { + href: "https://web.facebook.com/groups/programmerzamannow", + label: "Grup facebook", + }, + ], }, - prism: { - theme: prismThemes.github, - darkTheme: prismThemes.dracula, - additionalLanguages: [ - "java", "php", "go", "css", "javascript", "c", "cpp", "csharp", "csv", "json", - "dart", "gradle", "nginx", "sass", "sql", "swift", "typescript", "rust", "yaml" - ] + { + position: "right", + label: "Social Media", + items: [ + { + href: "https://youtube.com/c/ProgrammerZamanNow", + label: "Youtube", + }, + { + href: "https://instagram.com/ProgrammerZamanNow", + label: "Instagram", + }, + { + href: "https://facebook.com/ProgrammerZamanNow", + label: "Facebook", + }, + { + href: "https://t.me/ProgrammerZamanNow", + label: "Telegram", + }, + ], + }, + { + href: "https://github.com/ProgrammerZamanNow/programmerzamannow.github.io", + label: "GitHub", + position: "right", + }, + ], + }, + footer: { + style: "dark", + links: [ + { + title: "Social Media", + items: [ + { + label: "Youtube", + href: "https://youtube.com/c/ProgrammerZamanNow", + }, + { + label: "Instagram", + href: "https://instagram.com/ProgrammerZamanNow", + }, + { + label: "Facebook", + href: "https://facebook.com/ProgrammerZamanNow", + }, + { + label: "Telegram", + href: "https://t.me/ProgrammerZamanNow", + }, + ], + }, + { + title: "Komunitas", + items: [ + // { + // label: 'Discord', + // href: 'https://discordapp.com/invite/docusaurus', + // }, + { + label: "Grup facebook", + href: "https://www.facebook.com/groups/526962685085680", + }, + ], }, - } satisfies Preset.ThemeConfig, + { + title: "More", + items: [ + // { + // label: 'Blog', + // to: '/blog', + // }, + { + label: "GitHub", + href: "https://github.com/ProgrammerZamanNow/programmerzamannow.github.io", + }, + ], + }, + ], + copyright: `Built with ❤️ by Programmer Zaman Now`, + }, + prism: { + theme: prismThemes.github, + darkTheme: prismThemes.dracula, + additionalLanguages: [ + "java", + "php", + "go", + "css", + "javascript", + "c", + "cpp", + "csharp", + "csv", + "json", + "dart", + "gradle", + "nginx", + "sass", + "sql", + "swift", + "typescript", + "rust", + "yaml", + ], + }, + } satisfies Preset.ThemeConfig, }; -export default config; +export default config; \ No newline at end of file diff --git a/src/pages/index.tsx b/src/pages/index.tsx index a9e5d84c..55d757de 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -20,7 +20,7 @@ function HomepageHeader() { - Gabung Kelas Online! + Gabung kelas online sekarang juga!