How I Made My Multilingual Blog

• wbeuil.com

  1 14 4.1 TypeScript

  This is my personal website built with Next.js, Tailwind CSS, Typescript and deployed to Vercel.

As a React developer, I decided to create my whole website and thus my blog with the Next.js framework. It's been several months since I started using Next.js and it's just fantastic. I don't get to work extensively with Webpack, the performance is outstanding (e.g. look at these metrics on my latest PR), my pages are automatically generated as static HTML, I can use the API Routes for specific on-demand images.

• lh-svg

  1 1 3.6 JavaScript

An endpoint to request an SVG file that displays Lighthouse scores: lh-svg;

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• fcsilmi

  1 3 1.8 JavaScript

  Site du FC Silmi

An API for the FIFA Club Pro FCSilmi team: fcsilmi;

• currently-playing

  1 2 0.0 JavaScript

  Get visual feedback of what you're currently playing on Spotify in your OBS screens.

Endpoints for Spotify authentication: currently-playing;

• puppeteer

  359 86,773 9.9 TypeScript

  Node.js API for Chrome

  

On my website, I use the API Routes for two things. On one hand, to request my pinned repositories and my contribution graph on GitHub. On the other hand, to request on-demand images for my blog posts using puppeteer-core.

• mdx-bundler

  8 1,695 5.4 JavaScript

  🦤 Give me MDX/TSX strings and I'll give you back a component you can render. Supports imports!

To make Next.js works with MDX, we need to compile and bundle the markdown files. For this task, I decided to go with the new mdx-bundler library made by the famous Kent C. Dodds.

• next-mdx-enhanced

  3 494 3.3 JavaScript

  Discontinued A Next.js plugin that enables MDX pages, layouts, and front matter

  

I don't have any experiences with the other libraries (e.g. next-mdx-enhanced, next-mdx-remote) so I won't judge the pros and cons of one compared to the others.

• InfluxDB

  www.influxdata.com sponsored

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

• next-mdx-remote

  20 2,386 5.2 TypeScript

  Load mdx content from anywhere through getStaticProps in next.js

  

I don't have any experiences with the other libraries (e.g. next-mdx-enhanced, next-mdx-remote) so I won't judge the pros and cons of one compared to the others.

• next-localization

  1 123 0.0 JavaScript

  Lightweight Internationalization (i18n) library for Next.js 10+

I work with next-localization to send the right translations to my child components.

• webpack

  330 64,160 9.8 JavaScript

  A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.

  

As a React developer, I decided to create my whole website and thus my blog with the Next.js framework. It's been several months since I started using Next.js and it's just fantastic. I don't get to work extensively with Webpack, the performance is outstanding (e.g. look at these metrics on my latest PR), my pages are automatically generated as static HTML, I can use the API Routes for specific on-demand images.

• Tailwind CSS

  1,280 78,370 9.4 TypeScript

  A utility-first CSS framework for rapid UI development.

  

I discovered Tailwind CSS last September and since then, whenever I can, I use it. Here are my two cents on this CSS framework:

• Next.js

  2,041 120,572 10.0 JavaScript

  The React Framework

  

As a React developer, I decided to create my whole website and thus my blog with the Next.js framework. It's been several months since I started using Next.js and it's just fantastic. I don't get to work extensively with Webpack, the performance is outstanding (e.g. look at these metrics on my latest PR), my pages are automatically generated as static HTML, I can use the API Routes for specific on-demand images.

• mdx

  99 16,811 8.7 JavaScript

  Markdown for the component era

  

# How I write the above paragraph in Markdown: [MDX](https://mdxjs.com/) is what powers this blog in terms of writing experience. It is an extension of the Markdown that lets us seamlessly write JSX in our Markdown files. Basically, we can use and benefit from React components inside a Markdown file. For a developer like me, write in Markdown is a daily habit. Indeed, if you use GitHub or GitLab for your pull requests, then you've already written in Markdown.

• leerob.io

  59 6,853 8.7 MDX

  ✨ My portfolio built with Next.js, Tailwind, and Vercel.

Lee Robinson

• aws-lambda-java-libs

  300 505 6.7 C++

  Official mirror for interface definitions and helper classes for Java code running on the AWS Lambda platform.

  

API Routes are simply awesome. Coming from AWS Lambda, I think the serverless world should be learned and used extensively. Thus, having the luxury to have inside the Next.js framework a way to create and use easily a serverless function is just the cherry on the cake.

• WorkOS

  workos.com sponsored

  The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  

Suggest a related project