updated page and welcome

Author: gallayl

src/content/001-welcome.md

@@ -0,0 +1,40 @@
+---
+layout: post
+title: 'Welcome to FuryStack, Gatsby 💙'
+author: [gallayl]
+tags: ['Welcome']
+image: img/001-welcome-cover.jpg
+date: '2021-06-23T08:38:20.257Z'
+draft: false
+excerpt: The old site has been changed to Gatsby. Interested why?
+---
+
+## So, down with the old one...
+
+I've opened up the old site to update some docs (and dependencies meanwhile...) and I've realized that I didn't touch the site since the last two years. Holy shit 😭
+There was even `tslint` instead of `eslint` in the project... So I've deicided if I have to touch it, I'll try to make a more professional approach.
+
+## Times has changed and so the requirements
+
+The new site should be:
+ - Easy to maintain. Maybe some .md files in some PR-s, that's all. Simple and stupid, with no hassle
+ - SEO friendly 👉 static. Had some issues in the past with [React Router and Github Pages](https://info340.github.io/client-side-routing.html)...
+ - Should be integrated into CI/CD (that's still a ToDo 😊)
+ - Easy-to-setup locally
+
+## The new candidates
+
+So I've ~killed~ archived the old one and I have to make a replacement. The old site was a react-based SPA. I could do the same with React or Shades but I still had to struggle with routes and SEO...
+
+First, I've checked [Jekyll](https://jekyllrb.com/) - as the default approach for Github Pages it's easy to setup and deploy. We've used it in one of my previous workplace, it does the job pretty well.
+The downside is that I'm not so familiar with Ruby, *gemfiles* and other esotheric things, so the stack is totally out of scope. So the templating syntax, theming and stuffs like these.
+
+The next candidate is [GatsbyJS](https://www.gatsbyjs.com/) - I've found a great theme with Typescript support. I've updated all deprecated dependencies and it's still working. I'm familiar with the syntax. So far, so good. There are we now.
+
+## What to expect
+
+The plan is to publish announcements like new releases and features, some posts about concepts in FuryStack some techical stuff, development practices and dirty little tricks. But no promises how often will this happen 😉
+
+## Coming out next
+
+The next step will be setting up the CI/CD and migrating the docs from the old site (or maybe the main monorepo).

src/content/01-welcome.md

@@ -1,5 +1,5 @@
 - id: gallayl
-  avatar: avatars/gallayl.png
+  avatar: avatars/gallayl.jpg
   bio: Lead developer, architect and demigod @FuryStack
   twitter: GallayLajos
   facebook: gallayl

src/content/author.yaml

@@ -37,7 +37,7 @@ const PageTemplate = css`
 const About: React.FC = () => (
   <IndexLayout>
     <Helmet>
-      <title>About</title>
+      <title>About FuryStack</title>
     </Helmet>
     <Wrapper css={PageTemplate}>
       <header className="site-archive-header no-image" css={[SiteHeader, SiteArchiveHeader]}>
@@ -51,49 +51,27 @@ const About: React.FC = () => (
         <div css={inner}>
           <article className="post page" css={[PostFull, NoImage]}>
             <PostFullHeader className="post-full-header">
-              <PostFullTitle className="post-full-title">About</PostFullTitle>
+              <PostFullTitle className="post-full-title">About FuryStack</PostFullTitle>
             </PostFullHeader>
 
             <PostFullContent className="post-full-content">
               <div className="post-content">
-                <h5>
-                  A starter template for Gatsby <br /> GitHub: <a href="https://github.com/scttcper/gatsby-casper">scttcper/gatsby-casper</a>
-                </h5>
+                <h5>FuryStack is an open-source full-stack framework designed to build complex web solutions fast and easily.</h5>
                 <p>
-                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc commodo finibus leo,
-                  non tempus magna vehicula ac. Maecenas mollis ante finibus pharetra imperdiet.
-                  Maecenas in aliquam purus. Nam et massa a nulla fermentum dapibus sit amet in
-                  neque. Ut ipsum ipsum, rhoncus a sodales pellentesque, interdum a elit. Nullam
-                  aliquam tellus nibh, eget laoreet dui aliquet non. Vestibulum malesuada ante at
-                  diam tempus, ac interdum risus scelerisque. Sed ipsum neque, vulputate porta diam
-                  eget, consequat blandit nulla. Integer volutpat velit vitae purus lacinia aliquam.
-                  Integer bibendum ipsum vitae magna pulvinar, nec vehicula dolor vulputate. Nulla
-                  eu massa id orci placerat finibus vel sit amet eros. Vestibulum quis consequat
-                  massa. Sed sagittis sollicitudin massa at commodo. Praesent diam nisi, imperdiet
-                  posuere eleifend nec, blandit ac massa.
+                  The main goal of FuryStack is to bring enterprise-grade architecture to the NodeJS Ecosystem with a pack of separated but perfectly matched parts.
+                  You can build a modern scalable backend service in no-time and a responsive SPA frontend without bloating your app with 3rd party
+                  and low quality, often abandoned dependencies. Developer experience is the main focus while the framework also tries to encourage keeping the code
+                  clean and decoupled.
                 </p>
                 <p>
-                  Vestibulum semper pretium ipsum nec congue. Ut ac eros nisi. Donec leo sem,
-                  aliquam mollis sapien ultrices, dapibus congue diam. Proin viverra dapibus
-                  blandit. Ut mauris tellus, tristique id felis vel, venenatis vestibulum nunc. Nam
-                  molestie pulvinar nibh, eget egestas augue. Maecenas tellus arcu, mattis ut ipsum
-                  non, sollicitudin convallis nunc. Donec nec neque tristique, aliquet lacus id,
-                  laoreet nunc. Cras dapibus nisi nulla, ullamcorper faucibus neque suscipit ac.
-                  Donec eget orci venenatis justo lobortis volutpat. Proin vel placerat nisl.
-                  Integer arcu nunc, sodales eu fringilla non, aliquam non diam. Cras placerat,
-                  massa et faucibus pretium, ante elit tincidunt tellus, tristique ultricies velit
-                  quam et massa.
+                  FuryStack contains all the basic parts that you need to start with - like DI/IOC, authentication, data stores, entity authorization, logging, etc... -
+                  If you want to use only a subset of the layers (e.g. only the the Dependency Injection) you can also pick the one you like.
                 </p>
                 <p>
-                  In nunc lacus, dapibus vitae lacus sit amet, efficitur iaculis neque. Suspendisse
-                  ut tellus quis leo vestibulum tincidunt. Aenean nec enim ac dolor lacinia semper.
-                  Ut sed laoreet libero. Nunc elementum sollicitudin accumsan. Nunc eu augue neque.
-                  Proin a tortor nibh. Cras eu nisl ornare sapien feugiat pellentesque. Mauris
-                  dignissim vel quam eu pellentesque. Integer sit amet posuere quam, eu ullamcorper
-                  odio. Nullam a lacus tempus sapien dignissim ullamcorper. In hac habitasse platea
-                  dictumst. Proin quis massa aliquam, feugiat tortor sit amet, tincidunt urna. Donec
-                  posuere pulvinar lectus, ac semper ipsum vulputate quis.
+                  In FuryStack, there are some concepts that are not very common nowdays - like sharing REST API definitions
+                  with type checking between the service and the frontend in a monorepo.
                 </p>
+
               </div>
             </PostFullContent>
           </article>

src/content/avatars/gallayl.jpg

@@ -54,7 +54,7 @@ export interface WebsiteConfig {
 
 const config: WebsiteConfig = {
   title: 'furystack.github.io',
-  description: 'The professional publishing platform',
+  description: 'A kick-ass open source full-stack web framework',
   coverImage: 'img/blog-cover.png',
   logo: 'img/furystack-logo-512.png',
   lang: 'en',