Code Monkey home page Code Monkey logo

biscuit's Introduction

BiscuiTech Logo

Heya! 😎

My name is Jean-CΓ©dric Huet, but I go by biscuitech! I live in Montreal, Canada and currently working at CBC/Radio-Canada as a fullstack framework maintainer.

I'm a self-taught web devloper specialized on react, node & transpilation.


πŸ˜„ Pronouns: he/him

πŸ“« How to reach me: [email protected]

biscuit's People

Contributors

biscuitech avatar dependabot[bot] avatar msftgits avatar renovate-bot avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

biscuit's Issues

Dependency Dashboard

This issue provides visibility into Renovate updates and their statuses. Learn more

Rate Limited

These updates are currently rate limited. Click on a checkbox below to force their creation now.

  • Update actions/checkout action to v3 (main)
  • Update dependency @elastic/elasticsearch to v8 (main)
  • Update dependency @testing-library/react to v13 (main)
  • Update dependency @types/node to v16 (main)
  • Update dependency @types/react to v18 (main)
  • Update dependency @types/react-dom to v18 (main)
  • Update dependency babel-plugin-styled-components to v2 (main)
  • Update dependency eslint to v8 (main)
  • Update dependency eslint-config-prettier to v8 (main)
  • Update dependency eslint-plugin-prettier to v4 (main)
  • Update dependency framer-motion to v6 (main)
  • Update dependency husky to v8 (main)
  • Update dependency jest-watch-typeahead to v1 (main)
  • Update dependency lint-staged to v13 (main)
  • Update dependency nodemailer-postmark-transport to v5 (main)
  • Update dependency postcss-preset-env to v7 (main)
  • Update dependency postmark to v3 (main)
  • Update dependency react-waypoint to v10 (main)
  • Update dependency sitemap to v7 (main)
  • Update dependency tailwindcss to v3 (main)
  • Update github/codeql-action action to v2 (main)
  • Update jest monorepo to v28 (main) (major) (@types/jest, babel-jest, jest)
  • Update mdx monorepo to v2 (main) (major) (@mdx-js/loader, @mdx-js/react)
  • Update sentry-javascript monorepo to v7 (main) (major) (@sentry/browser, @sentry/node)
  • Update typescript-eslint monorepo to v5 (main) (major) (@typescript-eslint/eslint-plugin, @typescript-eslint/parser)
  • Update dependency @tailwindcss/typography to ^0.5.0 (develop)
  • Update dependency analytics to ^0.8.0 (develop)
  • Update actions/checkout action to v3 (develop)
  • Update dependency @elastic/elasticsearch to v8 (develop)
  • Update dependency @testing-library/react to v13 (develop)
  • Update dependency @types/node to v16 (develop)
  • Update dependency @types/react to v18 (develop)
  • Update dependency @types/react-dom to v18 (develop)
  • Update dependency babel-plugin-styled-components to v2 (develop)
  • Update dependency eslint to v8 (develop)
  • Update dependency eslint-config-prettier to v8 (develop)
  • Update dependency eslint-plugin-prettier to v4 (develop)
  • Update dependency framer-motion to v6 (develop)
  • Update dependency husky to v8 (develop)
  • Update dependency jest-watch-typeahead to v1 (develop)
  • Update dependency lint-staged to v13 (develop)
  • Update dependency nodemailer-postmark-transport to v5 (develop)
  • Update dependency postcss-preset-env to v7 (develop)
  • Update dependency postmark to v3 (develop)
  • Update dependency react-waypoint to v10 (develop)
  • Update dependency sitemap to v7 (develop)
  • Update dependency tailwindcss to v3 (develop)
  • Update jest monorepo to v28 (develop) (major) (@types/jest, babel-jest, jest)
  • Update mdx monorepo to v2 (develop) (major) (@mdx-js/loader, @mdx-js/react)
  • Update nextjs monorepo to v12 (develop) (major) (@next/bundle-analyzer, @next/mdx, next)
  • Update react monorepo to v18 (develop) (major) (react, react-dom)
  • Update sentry-javascript monorepo to v7 (develop) (major) (@sentry/browser, @sentry/integrations, @sentry/node)
  • Update typescript-eslint monorepo to v5 (develop) (major) (@typescript-eslint/eslint-plugin, @typescript-eslint/parser)

Other Branches

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

  • Update dependency ajv to 6.12.3 [SECURITY] (main)
  • Update dependency ajv to 6.12.3 [SECURITY] (develop)
  • Update dependency elliptic to 6.5.4 [SECURITY] (develop)
  • Update dependency highlight.js to 10.4.1 [SECURITY] (develop)
  • Update dependency is-svg to 4.2.2 [SECURITY] (develop)
  • Update dependency nodemailer to 6.4.16 [SECURITY] (develop)
  • Update dependency nth-check to 2.0.1 [SECURITY] (develop)
  • Update dependency object-path to 0.11.8 [SECURITY] (develop)
  • Update dependency ssri to 7.1.1 [SECURITY] (develop)
  • Update dependency tar to 6.1.9 [SECURITY] (develop)
  • Update dependency y18n to 4.0.1 [SECURITY] (develop)

Open

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

Detected dependencies

Branch main
github-actions
.github/workflows/codeql-analysis.yml
  • actions/checkout v2
  • github/codeql-action v1
  • github/codeql-action v1
  • github/codeql-action v1
.github/workflows/sentry.yml
  • actions/checkout v2
npm
package.json
  • @analytics/google-analytics ^0.5.0
  • @elastic/elasticsearch ^7.8.0
  • @mdx-js/loader ^1.6.16
  • @mdx-js/react ^1.6.16
  • @mdx-js/runtime ^1.6.16
  • @next/bundle-analyzer ^9.5.1
  • @next/mdx ^9.5.1
  • @sentry/browser ^5.20.1
  • @sentry/node ^5.20.1
  • @sentry/webpack-plugin ^1.12.0
  • @tailwindcss/typography ^0.2.0
  • @tailwindcss/ui ^0.5.0
  • @types/styled-components ^5.1.2
  • @zeit/next-source-maps 0.0.4-canary.1
  • analytics ^0.5.5
  • classnames ^2.2.6
  • cross-env ^7.0.2
  • date-fns ^2.15.0
  • framer-motion ^2.3.0
  • gray-matter ^4.0.2
  • next ^9.5.1
  • next-compose-plugins ^2.2.0
  • next-pwa ^3.1.1
  • nodemailer ^6.4.11
  • nodemailer-postmark-transport ^3.0.0
  • postmark ^2.5.4
  • prettier ^2.0.5
  • prism-react-renderer ^1.1.1
  • raw-loader ^4.0.1
  • react ^16.13.1
  • react-dom ^16.13.1
  • react-syntax-highlighter ^13.2.1
  • react-waypoint ^9.0.3
  • sitemap ^6.2.0
  • styled-components ^5.1.1
  • tailwindcss ^1.6.0
  • windups ^1.0.2
  • @biscuitech/eslint-config ^2.0.1
  • @fullhuman/postcss-purgecss ^2.3.0
  • @sentry/typescript ^5.20.1
  • @testing-library/react ^10.4.7
  • @types/jest ^26.0.8
  • @types/node ^14.0.27
  • @types/react ^16.9.44
  • @types/react-dom ^16.9.8
  • @types/testing-library__react ^10.2.0
  • @typescript-eslint/eslint-plugin ^4.0.0
  • @typescript-eslint/parser ^4.0.0
  • babel-eslint ^10.1.0
  • babel-jest ^26.2.2
  • babel-plugin-styled-components ^1.11.1
  • eslint ^7.6.0
  • eslint-config-prettier ^6.11.0
  • eslint-plugin-html ^6.0.2
  • eslint-plugin-import ^2.22.0
  • eslint-plugin-jsx-a11y ^6.3.1
  • eslint-plugin-prettier ^3.1.4
  • eslint-plugin-react ^7.20.5
  • eslint-plugin-react-hooks ^4.0.8
  • file-loader ^6.0.0
  • husky ^4.2.5
  • jest ^26.2.2
  • jest-watch-typeahead ^0.6.0
  • lint-staged ^10.2.11
  • postcss-preset-env ^6.7.0
  • terser-webpack-plugin ^4.0.0
  • typescript ^4.0.0
  • node >=12
Branch develop
github-actions
.github/workflows/sentry.yml
  • actions/checkout v2
npm
package.json
  • @analytics/google-analytics ^0.5.2
  • @elastic/elasticsearch ^7.11.0
  • @mdx-js/loader ^1.6.22
  • @mdx-js/react ^1.6.22
  • @mdx-js/runtime ^1.6.22
  • @next/bundle-analyzer ^10.0.7
  • @next/mdx ^10.0.7
  • @sentry/browser ^6.2.0
  • @sentry/integrations ^6.2.0
  • @sentry/node ^6.2.0
  • @sentry/webpack-plugin ^1.14.1
  • @tailwindcss/typography ^0.4.0
  • @tailwindcss/ui ^0.7.2
  • @types/styled-components ^5.1.7
  • @zeit/next-source-maps 0.0.4-canary.1
  • analytics ^0.7.3
  • classnames ^2.2.6
  • cross-env ^7.0.3
  • date-fns ^2.17.0
  • framer-motion ^3.5.2
  • gray-matter ^4.0.2
  • next ^10.0.7
  • next-compose-plugins ^2.2.1
  • next-pwa ^5.0.5
  • nodemailer ^6.4.18
  • nodemailer-postmark-transport ^4.0.0
  • postmark ^2.7.1
  • prettier ^2.2.1
  • prism-react-renderer ^1.1.1
  • raw-loader ^4.0.2
  • react ^17.0.1
  • react-dom ^17.0.1
  • react-syntax-highlighter ^15.4.3
  • react-waypoint ^9.0.3
  • sitemap ^6.4.0
  • styled-components ^5.2.1
  • tailwindcss ^2.0.3
  • webpack ^5.23.0
  • windups ^1.1.9
  • @biscuitech/eslint-config ^2.0.1
  • @fullhuman/postcss-purgecss ^4.0.0
  • @sentry/typescript ^5.20.1
  • @testing-library/react ^11.2.5
  • @types/classnames ^2.2.11
  • @types/jest ^26.0.20
  • @types/node ^14.14.29
  • @types/react ^17.0.2
  • @types/react-dom ^17.0.1
  • @types/testing-library__react ^10.2.0
  • @typescript-eslint/eslint-plugin ^4.15.1
  • @typescript-eslint/parser ^4.15.1
  • autoprefixer ^10.2.4
  • babel-eslint ^10.1.0
  • babel-jest ^26.6.3
  • babel-plugin-styled-components ^1.12.0
  • eslint ^7.20.0
  • eslint-config-prettier ^7.2.0
  • eslint-plugin-html ^6.1.1
  • eslint-plugin-import ^2.22.1
  • eslint-plugin-jsx-a11y ^6.4.1
  • eslint-plugin-prettier ^3.3.1
  • eslint-plugin-react ^7.22.0
  • eslint-plugin-react-hooks ^4.2.0
  • file-loader ^6.2.0
  • husky ^5.0.9
  • jest ^26.6.3
  • jest-watch-typeahead ^0.6.1
  • lint-staged ^10.5.4
  • postcss ^8.2.6
  • postcss-preset-env ^6.7.0
  • terser-webpack-plugin ^5.1.1
  • typescript ^4.1.5
  • node >=12

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

Questions about `src/pages/index.tsx`...

Hello! πŸ‘‹

I recently built my own website, also using NextJS and with inspiration from your great work on mulitlingual support for SSG projects! πŸ‘

There were two points that I would be happy to discuss with you, if that's ok....

1.

On your src/pages/index.tsx, why using window.location.replace instead of next router? If I'm right, you could have achieve the same goal with router.replace('/[lang]', /${getInitialLocale()}), couldn't you? So if true is there a particular reason on using the window.location.replace here?

2.

Finally, I was having some SEO issues, as the root path without language was not properly crawled by Twitter Card Validator:

And I was thinking about what solution I could find:

  • rewriting / to /fr (default locale), but I was not sure about the risk of duplicate content for robots... πŸ€”
  • copying code from default locale homepage to index...Hmm seems dirty to me πŸ€”
  • using the same approach as the MDN website, which seems to apply quite well with yours (and mine, so^^). Then I'd have to copy my SEO meta tags to this src/pages/index.tsx in order to make Twitter Card Valdator happy (and other SEO tools, I guess...).

I chose this last option, and added my SEO tags (component) in this page. And now here is my new src/pages/index.js:

import PropTypes from 'prop-types'
import Head from 'next/head'
import { useRouter } from 'next/router'
import { useEffect } from 'react'

import { getI18n } from '@utils/api'
import { DEFAULT_LOCALE, useLocale } from '@utils/locale'

import Seo from '@components/Seo'

import { getInitialLocale } from '@utils/locale'

export default function Index({ translations }) {
  const { t } = useLocale(translations)
  const router = useRouter()

  useEffect(() => {
    router.replace('/[lang]', `/${getInitialLocale()}`)
  })

  return (
    <>
      <Seo description={[t('description.title'), t('description.subtitle')].join(' ')} />

      <Head>
        <meta key="robots" name="robots" content="noindex, nofollow" />
      </Head>
    </>
  )
}

Index.propTypes = {
  translations: PropTypes.arrayOf(
    PropTypes.object
  ).isRequired
}

export async function getStaticProps({ params }) {
  const lang = params?.lang || DEFAULT_LOCALE

  const translations = getI18n(lang, 'home')

  return { props: { translations }}
}

What do you think about it? I'd be very happy to discuss about these points with you! Don"t hesitate also to take a look at my repo πŸ˜‰

Action Required: Fix Renovate Configuration

There is an error with this repository's Renovate configuration that needs to be fixed. As a precaution, Renovate will stop PRs until it is resolved.

File: renovate.json
Error type: Invalid JSON (parsing failed)
Message: Syntax error: expecting String near elop"], }

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.