Merge pull request #21 from code-star/main

Release

Author: mdvanes

.github/workflows/test.yml .github/workflows/staging.yml

@@ -1,4 +1,4 @@
-name: Deploy to Test (https://code-star.github.io/codestar-website-next/)
+name: Deploy to Staging (https://staging.codestar.nl)
 
 on:
   push:
@@ -43,9 +43,9 @@ jobs:
           echo MASTODON_ACCESS_TOKEN=${{ secrets.MASTODON_ACCESS_TOKEN }} >> .env
           echo MASTODON_ID=${{ secrets.MASTODON_ID }} >> .env
           npm ci
-          echo "{ \"basePath\": \"/codestar-website-next\" }" > config.json
-          npx next build && npx next export
+          npx next build
           touch out/.nojekyll
+        # echo "{ \"basePath\": \"/codestar-website-next\" }" > config.json
         #     CI: false # true -> fails on warning
       - name: Setup Pages
         uses: actions/configure-pages@v5

.gitignore

@@ -3,7 +3,12 @@
 # dependencies
 /node_modules
 /.pnp
-.pnp.js
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
 
 # testing
 /coverage
@@ -25,8 +30,8 @@ yarn-debug.log*
 yarn-error.log*
 .pnpm-debug.log*
 
-# local env files
-.env*.local
+# env files (can opt-in for committing if needed)
+.env*
 
 # vercel
 .vercel

README.md

@@ -1,4 +1,4 @@
-[![test](https://github.com/code-star/codestar-website-next/actions/workflows/test.yml/badge.svg)](https://github.com/code-star/codestar-website-next/actions/workflows/test.yml)
+[![staging](https://github.com/code-star/codestar-website-next/actions/workflows/staging.yml/badge.svg)](https://github.com/code-star/codestar-website-next/actions/workflows/staging.yml)
 
 [![prod](https://github.com/code-star/codestar-website-next/actions/workflows/prod.yml/badge.svg)](https://github.com/code-star/codestar-website-next/actions/workflows/prod.yml)
 
@@ -29,9 +29,9 @@ Note: uses static site generation with [NextJS](https://nextjs.org/). As a conse
 
 ## Deploying
 
-Merges to the `main` branch are automatically deployed to the test environment at https://code-star.github.io/codestar-website-next/ by Github Actions. This is served on Github pages from the `gh-pages` branch on this repo.
+Merges to the `main` branch are automatically deployed to the staging environment at https://staging.codestar.nl/ by Github Actions. This is hosted on Github pages.
 
-Merges to the `production` branch are automatically deployed to the production environment at https://code-star.github.io by Github Actions. This is served on Github pages from the `main` branch on the https://github.com/code-star/code-star.github.io repo.
+Merges to the `production` branch are automatically deployed to the production environment at https://code-star.github.io by Github Actions. This is hosted on Github pages from the `main` branch on the https://github.com/code-star/code-star.github.io repo.
 
 Settings for Github Actions:
 

components/TweetCard/TweetCard.module.scss

@@ -0,0 +1,16 @@
+import { dirname } from "path";
+import { fileURLToPath } from "url";
+import { FlatCompat } from "@eslint/eslintrc";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+const compat = new FlatCompat({
+  baseDirectory: __dirname,
+});
+
+const eslintConfig = [
+  ...compat.extends("next/core-web-vitals", "next/typescript"),
+];
+
+export default eslintConfig;

components/TweetCard/TweetCard.tsx

@@ -0,0 +1,16 @@
+import type { MDXComponents } from "mdx/types";
+import Image, { ImageProps } from 'next/image'
+
+export function useMDXComponents(components: MDXComponents): MDXComponents {
+  return {
+    img: (props: ImageProps) => (
+      // eslint-disable-next-line jsx-a11y/alt-text
+      <Image
+        sizes="100vw"
+        style={{ width: '100%', height: 'auto' }}
+        {...props}
+      />
+    ),
+    ...components,
+  };
+}

components/WelcomeCard/WelcomeCard.module.scss

@@ -0,0 +1,12 @@
+export interface ArticleMetadata {
+  title?: string;
+  author?: string;
+  publishedAt?: string;
+}
+
+declare module "*.mdx" {
+  let MDXComponent: (props) => JSX.Element;
+  export default MDXComponent;
+
+  export const metadata: ArticleMetadata;
+}

eslint.config.mjs

@@ -0,0 +1,24 @@
+import type { NextConfig } from "next";
+import createMDX from "@next/mdx";
+import remarkFrontmatter from "remark-frontmatter";
+import remarkMdxFrontmatter from "remark-mdx-frontmatter";
+
+const nextConfig: NextConfig = {
+  pageExtensions: ["js", "jsx", "md", "mdx", "ts", "tsx"],
+  reactStrictMode: true,
+  images: { unoptimized: true },
+  output: "export",
+};
+
+const withMDX = createMDX({
+  extension: /\.mdx?$/,
+  options: {
+    // turbopack does not yet support these plugins, see https://nextjs.org/docs/app/building-your-application/configuring/mdx#using-plugins-with-turbopack
+    remarkPlugins: [
+      remarkFrontmatter,
+      [remarkMdxFrontmatter, { name: "metadata" }],
+    ],
+  },
+});
+
+export default withMDX(nextConfig);