another pass

Author: jderochervlk

_blogposts/community/2025-01-01-what-can-i-do-with-rescript.mdx

@@ -22,6 +22,7 @@ Console.log("Hello")
 ```
 
 Just run `node index.res.js` and you'll see "Hello" logged to the console. You can import compiled ReScript into any project that could import JavaScript.
+If you can use `.js` or `.mjs` files, you can use ReScript. This does mean that languages with different file formats like Vue or Svelte require you to import the compiled JavaScript instead of writing it directly in the `.vue` or `.svelte` files.
 But real world projects aren't just JavaScript; they use libraries and frameworks. This is where [bindings](https://rescript-lang.org/docs/manual/latest/external) come into play.
 A binding is a way to tell ReScript the types and imports from external JavaScript. You can think of bindings in the same way that you need to create a `*.d.ts` file to add types to a JavaScript library that doesn't use TypeScript.
 
@@ -131,4 +132,11 @@ var formattedDate = DateFns.format("2021-09-01", "MMMM dd, yyyy", {
 ```
 </CodeTab>
 
-You can write new bindings and extend existing types as you need.
+You can write new bindings and extend existing types as you need.
+
+## How can I get started?
+You can [follow this guide](https://rescript-lang.org/docs/manual/v11.0.0/converting-from-js) to add ReScript to an existing JavaScript project to get a feel for how the language works and interacts with JavaScript.
+The forum is also a great place to ask questions! Feel free to drop by and ask how to get started with a specific framework or project that you want to work on, 
+and you'll probably get great advice and information from users who have already used ReScript for something similar. 
+
+Happy coding!

src/BlogArticle.res

@@ -63,6 +63,7 @@ module BlogHeader = {
     ~category: option<string>=?,
     ~description: option<string>,
     ~articleImg: option<string>,
+    ~originalSrc: option<(string, string)>,
   ) => {
     let date = DateStr.toDate(date)
 
@@ -91,6 +92,17 @@ module BlogHeader = {
             </div>
           }
         )}
+        {switch originalSrc {
+        | None => React.null
+        | Some("", _) => React.null
+        | Some(_, "") => React.null
+        | Some(url, title) =>
+          <div className="mt-1 mb-8">
+            <a className="body-sm no-underline text-fire hover:underline" href=url>
+              {React.string(`Originally posted on ${title}`)}
+            </a>
+          </div>
+        }}
         <div className="flex flex-col md:flex-row mb-12">
           {Array.map(authors, author =>
             <div
@@ -150,7 +162,17 @@ let default = (props: props) => {
     : React.null
 
   let content = switch fm {
-  | Ok({date, author, co_authors, title, description, articleImg, previewImg}) =>
+  | Ok({
+      date,
+      author,
+      co_authors,
+      title,
+      description,
+      articleImg,
+      previewImg,
+      originalSrc,
+      originalSrcUrl,
+    }) =>
     <div className="w-full">
       <Meta
         siteName="ReScript Blog"
@@ -166,6 +188,10 @@ let default = (props: props) => {
           title
           description={description->Null.toOption}
           articleImg={articleImg->Null.toOption}
+          originalSrc={switch (originalSrcUrl->Null.toOption, originalSrc->Null.toOption) {
+          | (Some(url), Some(title)) => Some(url, title)
+          | _ => None
+          }}
         />
       </div>
       <div className="flex justify-center">

src/common/BlogFrontmatter.res

@@ -99,7 +99,8 @@ type t = {
   title: string,
   badge: Null.t<Badge.t>,
   description: Null.t<string>,
-  originalLink: Null.t<string>,
+  originalSrc: Null.t<string>,
+  originalSrcUrl: Null.t<string>,
 }
 
 let decodeBadge = (str: string): Badge.t =>
@@ -142,7 +143,8 @@ let decode = (json: JSON.t): result<t, string> => {
     articleImg: json->optional(field("articleImg", string, ...), _)->Null.fromOption,
     title: json->(field("title", string, _)),
     description: json->(nullable(field("description", string, ...), _)),
-    originalLink: json->optional(field("originalLink", string, ...), _)->Null.fromOption,
+    originalSrc: json->optional(field("originalSrc", string, ...), _)->Null.fromOption,
+    originalSrcUrl: json->optional(field("originalSrcUrl", string, ...), _)->Null.fromOption,
   } {
   | fm => Ok(fm)
   | exception DecodeError(str) => Error(str)