Git Product home page Git Product logo

website's Introduction

Website

A personal website built with Astro, contains some pages and a few blog posts, blog posts update from weekly to monthly.

Found bugs? file an issue and start writing your PR.

Infrastructure

Some libraries and UI frameworks I am using to build the website. If you unfamiliar with one of the tools I mentioned below, you should at least tried once.

website's People

Contributors

abui-am avatar amatqoimam avatar bungambohlah avatar gimenz avatar ichsanputr avatar renovate[bot] avatar rimzzlabs avatar syn-arch avatar up2dul avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

website's Issues

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Other Branches

These updates are pending. To force PRs open, click the checkbox below.

  • chore(deps): update dependency autoprefixer to v10.4.14
  • chore(deps): update dependency postcss to v8.4.26
  • chore(deps): update dependency prettier to v2.8.8
  • fix(deps): update dependency @headlessui/react to v1.7.15
  • fix(deps): update dependency @vercel/og to v0.5.8
  • fix(deps): update dependency react-hot-toast to v2.4.1
  • fix(deps): update dependency slugify to v1.6.6
  • chore(deps): update dependency @types/node to v18.16.19
  • chore(deps): update dependency eslint to v8.45.0
  • chore(deps): update dependency lint-staged to v13.2.3
  • chore(deps): update dependency next-sitemap to v4.1.8
  • chore(deps): update dependency tailwindcss to v3.3.3
  • chore(deps): update dependency typescript to v5.1.6
  • chore(deps): update nextjs monorepo to v13.4.10 (@next/env, eslint-config-next, next)
  • chore(deps): update react monorepo (@types/react, @types/react-dom)
  • chore(deps): update typescript-eslint monorepo to v5.62.0 (@typescript-eslint/eslint-plugin, @typescript-eslint/parser)
  • fix(deps): update dependency @giscus/react to v2.3.0
  • fix(deps): update dependency @supabase/supabase-js to v2.26.0
  • fix(deps): update dependency axios to v1.4.0
  • fix(deps): update dependency framer-motion to v10.12.22
  • fix(deps): update dependency jotai to v2.2.2
  • fix(deps): update dependency next-seo to v6.1.0
  • fix(deps): update dependency react-icons to v4.10.1
  • fix(deps): update dependency tailwind-merge to v1.14.0

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

Detected dependencies

npm
package.json
  • @giscus/react ^2.2.8
  • @headlessui/react ^1.7.12
  • @supabase/supabase-js ^2.10.0
  • @tailwindcss/typography ^0.5.9
  • @vercel/og ^0.5.0
  • axios ^1.3.4
  • clsx ^1.2.1
  • framer-motion ^10.0.1
  • htmr ^1.0.2
  • isomorphic-fetch ^3.0.0
  • jotai ^2.0.2
  • mdx-prism ^0.3.4
  • next ^13.2.3
  • next-mdx-remote ^4.4.1
  • next-pwa ^5.6.0
  • next-seo ^6.0.0
  • next-themes ^0.2.1
  • prism-themes ^1.9.0
  • react ^18.2.0
  • react-18-image-lightbox ^5.1.4
  • react-dom ^18.2.0
  • react-hot-toast ^2.4.0
  • react-icons ^4.7.1
  • slugify ^1.6.5
  • tailwind-merge ^1.10.0
  • @next/env ^13.2.3
  • @trivago/prettier-plugin-sort-imports ^4.1.1
  • @types/node ^18.14.4
  • @types/react ^18.0.28
  • @types/react-dom ^18.0.11
  • @typescript-eslint/eslint-plugin ^5.54.0
  • @typescript-eslint/parser ^5.54.0
  • autoprefixer ^10.4.13
  • commitizen ^4.3.0
  • cz-conventional-changelog 3.3.0
  • encoding ^0.1.13
  • eslint ^8.35.0
  • eslint-config-next ^13.2.3
  • gray-matter ^4.0.3
  • husky ^8.0.3
  • lint-staged ^13.1.2
  • next-sitemap ^4.0.0
  • postcss ^8.4.21
  • prettier ^2.8.4
  • prettier-plugin-tailwindcss ^0.2.3
  • reading-time ^1.5.0
  • rehype-slug ^5.1.0
  • tailwindcss ^3.2.7
  • typescript ^5.0.0

  • Check this box to trigger a request for Renovate to run again on this repository

i18n

Would be lovely to have multiple language on my website, there is so many 18n library out there, which one should I pick?

Current roadmap is I 'll have 2 languages:

  • English (primary)
  • Indonesia (can be selected by user inside a popover)

Roadmap:

  • Choose library
  • Implement to static page
  • Implement to dynamic page

Guestbook

A Guestbook page might be fun to add

multi language

users can view my website in English or Indonesia

progress:

  • English
  • Indonesia

Comment system

I need to create a new feature, a comment section!

but I really need to choose between

  • manually create the comment system backed with supabase
  • enable discussion on this repository and start with giscus

Create Snippets

Share your snippet to my website, as part of Hacktoberfest event!.

go to src/data/snippet, create a new .mdx file and create your own snippet!

  1. you should use kebab-case for the file name
  2. you can use template provided on another snippet to fill up your meta data
  3. You DON'T need to start development server, just use Markdown Viewer to preview your snippet.

post reaction

users can interact and reacting to my post, but they should have authenticated first

notes:
related to #88

drawer component

Let's create a drawer component that works on mobile phone

  • The drawer should open from bottom to top; the drawer will fill up approximately 40% of the entire screen.

How to add additonal external javascript library?

Where and how to add external javascript library as a CDN? @rizkimcitra i want add adsense verification script :)

Example this my adsense verification script

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-74********6464" crossorigin="anonymous"></script>

I want to add that at between head tag

Dynamic author

provide dynamic author information by using github apis' like image and profile.

on all blog posts in .mdx files, use github url to get github profile and github profile picture.

author only need to provide their username in metadata, such as

name: John Doe
github_username: john_doe

and then there would be a component to show the author profile url and author profile picture

like so:

export default function AuthorInfo(props){
 return (
  <div>
   <img src={`https://github.com/${props.github_username}.png`} />
 </div>
 )
}

guestbook

Allow people to leave a message on my website

authentication and authorization

authenticate users so people can interact with my website.

waiting for next-auth to at least have support for RSC in the official documentation

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.