basic docs and repo name set

- todos
- changelog
- basic doc
- repo name replace

Author: seeReadCode

README.md

@@ -1,102 +1,32 @@
-# Next.js GitHub Pages
+# Bookmarks 
 
-Deploy Next.js to GitHub Pages with GitHub Actions. [View the deployed app](https://gregrickaby.github.io/nextjs-github-pages/) 🚀
+via Raindrops, Next.js, GitHub Pages, and written in Code Spaces
 
-> ⚠️ Heads up! GitHub Pages _does not_ support serverless or edge functions. This means dynamic functionality will be disabled. See all the [unsupported features](https://nextjs.org/docs/app/building-your-application/deploying/static-exports#unsupported-features).
-
----
-
-## Configure Next.js
-
-### Next.js Config
-
-First, you need to configure Next.js to [deploy static exports](https://nextjs.org/docs/app/building-your-application/deploying/static-exports). This is required for GitHub Pages to work.
-
-1. Open the `next.config.ts` file
-2. Add the following:
-
-```typescript
-import type { NextConfig } from "next";
-
-const nextConfig: NextConfig = {
-  /**
-   * Enable static exports.
-   *
-   * @see https://nextjs.org/docs/app/building-your-application/deploying/static-exports
-   */
-  output: "export",
-
-  /**
-   * Set base path. This is the slug of your GitHub repository.
-   *
-   * @see https://nextjs.org/docs/app/api-reference/next-config-js/basePath
-   */
-  basePath: "/nextjs-github-pages",
-
-  /**
-   * Disable server-based image optimization. Next.js does not support
-   * dynamic features with static exports.
-   *
-   * @see https://nextjs.org/docs/app/api-reference/components/image#unoptimized
-   */
-  images: {
-    unoptimized: true,
-  },
-};
-
-export default nextConfig;
-```
-
-3. Save the `next.config.ts`
-
-4. Finally, place a `.nojekyll` file in the `/public` directory to disable GitHub Pages from trying to create a [Jekyll](https://github.blog/2009-12-29-bypassing-jekyll-on-github-pages/) website.
+Based on [nextjs-github-pages](https://github.com/gregrickaby/nextjs-github-pages)
 
-```treeview
-.
-├── app/
-├── public/
-│   └── .nojekyll
-├── next.config.ts
-```
-
-Perfect! This is all you need to configure Next.js to deploy on GitHub Pages.
+## Links
+- [repo](https://github.com/seeReadCode/bookmarks)
+- [codespace dev](https://shiny-lamp-wpjpj5q7vj3ggw9.github.dev/)
+- [codespace admin](https://github.com/codespaces?repository_id=1036822786)
 
-### Add base path to `page.tsx`
 
-Next, you will need to add the base path to images in `page.tsx` file. This is required for the images to appear on GitHub Pages.
+## Docs
 
-1. Open `app/page.tsx`
-2. Find the `Image` components
-3. Add `/nextjs-github-pages/` (or the slug of your GitHub repository) to the `src` prop:
-
-```tsx
-<Image
-  src="/nextjs-github-pages/vercel.svg"
-  alt="Vercel Logo"
-  className={styles.vercelLogo}
-  width={100}
-  height={24}
-  priority
-/>
-```
 
-4. Save the `page.tsx` file
-
-Learn more by reading the official documentation [for basePath and images](https://nextjs.org/docs/app/api-reference/config/next-config-js/basePath#images).
+> ⚠️ Heads up! GitHub Pages _does not_ support serverless or edge functions. This means dynamic functionality will be disabled. See all the [unsupported features](https://nextjs.org/docs/app/building-your-application/deploying/static-exports#unsupported-features).
 
 ---
+## TODO
+- deploy.yml (from cloned repo) v. alt from github.com
+- fix build 
 
-## Configure GitHub Repository
-
-Now that Next.js is configured, you need to set up your GitHub repository to deploy to GitHub Pages.
+## Changelog
 
-### Setup GitHub Action
+- Enabled Github Pages on github.com via suggested Next.js config 
+- Replaced `next-js-github-pages`
+- Set env variables via github.com and tested in Codespace console
 
-This is where the magic happens! This [workflow file](https://github.com/gregrickaby/nextjs-github-pages/blob/main/.github/workflows/deploy.yml) will automatically build and deploy the app when you push to the `main` branch.
 
-1. Create `.github/workflows/deploy.yml` file
-2. Paste the contents of <https://github.com/gregrickaby/nextjs-github-pages/blob/main/.github/workflows/deploy.yml>
-3. Save the `deploy.yml` file
 
 ### Enable GitHub Pages
 

app/page.tsx

@@ -1,12 +1,26 @@
 import Image from "next/image";
+  const response = await fetch('https://api.raindrop.io/rest/v1/collections', {
+    headers: {
+      'Accept': 'application/json',
+      'Authorization': `Bearer ${process.env.RAINDROP_SECRET}`,
+      }
+    });
+  const data = await response.json();
+  //  .then(response => response.text())
+  //  .then(text => console.log(text))
+  console.log(process.env);
+  console.log(data);
+  const text = data.text;
+
 
 export default function Home() {
   return (
     <div className="grid grid-rows-[20px_1fr_20px] items-center justify-items-center min-h-screen p-8 pb-20 gap-16 sm:p-20 font-[family-name:var(--font-geist-sans)]">
       <main className="flex flex-col gap-8 row-start-2 items-center sm:items-start">
+        {text}
         <Image
           className="dark:invert"
-          src="/nextjs-github-pages/next.svg"
+          src="/bookmarks/next.svg"
           alt="Next.js logo"
           width={180}
           height={38}

next.config.ts

@@ -13,7 +13,7 @@ const nextConfig: NextConfig = {
    *
    * @see https://nextjs.org/docs/app/api-reference/next-config-js/basePath
    */
-  basePath: "/nextjs-github-pages",
+  basePath: "/bookmarks",
 
   /**
    * Disable server-based image optimization. Next.js does not support