{"pageProps":{"contents":[{"slug":"this-blog-is-open-source","title":"This Blog Is Open Source","description":"Use this blog to start your own. Be online within minutes by add your data, choose your favorite color and write your first article.","content":"\nThis blog is built with [Next.js](https://nextjs.org) using [Tailwind CSS](https://tailwindcss.com) for styling.\nThe source code is on [GitHub](https://github.com/lailo/lailo.ch) and it's deployed on [Zeit's Now](https://zeit.co).\n\n# Get Started\n\nTo get started, you only need to pull or fork the repository, update some config variables and choose your favorite color.\nYou can find a step-by-step instruction in the [README.md ](https://github.com/lailo/lailo.ch/blob/master/README.md) of the project.\n\n# Add Article\n\nAdding new posts is as simple as creating a new Markdown file inside the `/articles` folder and pushing it to GitHub's `master` branch.\n\n## Meta Data\n\nIt's important that you keep the meta data at the top of the file.\n\n```yml\n---\ntitle: 'This Blog Is Open Source'\ndescription: 'Use this blog to ....'\ntags: ['open-source', 'web', 'react', 'nextjs', 'tailwind-css']\npublishedAt: '2020-03-29T19:14:12.215Z'\nupdatedAt: '2020-03-29T19:14:12.215Z'\n---\n\n```\n\nKeep in mind that the variable `publishedAt: '2020-03-29T19:14:12.215Z'` must have a value to publish your article.\n\nIf it's set to `published: ''`, your article will only be visible in development.\n\n# Hosting\n\nI personally like the simplicity of [Zeit's Now](https://zeit.co) and that's exactly what I use to host this blog.\nConnect your GitHub repository to a Now project and as soon as you push to master, a new build is executed.\nWithin minutes you'll see your new article online.\n\nIf you want to share your new article with someone to review without having it released, just create a pull request on master and you'll get a preview URL from Now.\n\n# Feedback\n\nIf you have any questions or feedback, please feel free to contact my via [Twitter](https://twitter.com/lailo-ch) of directly add an issue or create a PR on [GitHub](https://github.com/lailo/lailo.ch).\n","type":"article","tags":["open-source","web","react","nextjs","tailwindcss"],"publishedAt":"2020-03-29T19:14:12.215Z","image":"https://fullmetallinux.files.wordpress.com/2012/01/open-source-software.jpg","updatedAt":"2020-03-30T20:52:12.215Z","readingTime":{"text":"2 min read","minutes":1.335,"time":80100,"words":267},"data":{"title":"This Blog Is Open Source","description":"Use this blog to start your own. Be online within minutes by add your data, choose your favorite color and write your first article.","tags":["open-source","web","react","nextjs","tailwindcss"],"publishedAt":"2020-03-29T19:14:12.215Z","image":"https://fullmetallinux.files.wordpress.com/2012/01/open-source-software.jpg","updatedAt":"2020-03-30T20:52:12.215Z","type":"article"}},{"slug":"500-error","title":"500 Error","description":"We built 500error.co because we had to solve one of our own problems.","content":"\n<small>Co-Written by [Susana Garcia](https://susana.dev)</small>\n\nWe built [500error.co](https://www.500error.co) because we had to solve one of our problems. The idea was first pitched on [Pitchcard.io](https://www.pitchcard.io) and got a lot of traction. So we decided to built it, and we did it in less than two weeks.\n\n# How It Started\n\nWe ([Susana Garcia](https://susana.dev) and I) like to build things. We don’t like to talk about how cool it would be to do this and that — we just do it. The outcome is that we have a lot of projects simultaneously.\n\nAs we all know, servers can crash and “oooh boy they do”. And you know what, they crash at the worst time. They crash while your release and you lose important leads. Or they crash while you sleep and we really like to sleep 💤. We decided to fix this problem.\n\n# Developing in Bratislava\n\nWe’re digital nomads and we moved to a new city every other month, but that’s another story. For this month, we’re in Bratislava.\n\nWe used our very first day in Bratislava to collect all feedback from Pitchcard.io, friends and other developers. We picked the most important features for a MVP.\n\nWe used the second day to choose the right tools to built this, and ended up using NodeJS with Express for the backend and React for the front end, as we had already positive experiences with these tools building [Pitchcard.io](https://www.pitchcard.io).\n\nFrom day three up to day seven, we built the MVP and send some invite emails to the investors of [Pitchcard.io](https://www.pitchcard.io). They liked the simplicity and gave us really good feedback, what we could improve and what they were missing.\n\nWe used the second week to improve the UI for mobile, tablet and desktop. We also added a simple subscription with [Stripe](https://medium.com/u/3ecae35d6d66) (we really like Stripe). And we added better documentation of how to integrate it into Heroku, GitHub Pages and more.\n\n# Customize Your Page\n\nOur beta users like the way they could customize their error pages. They like it because it’s simple and funny. Here is what some things you can customize:\n\n- Add your own brand color\n- Choose one of the funny GIFs or just add your own Logo\n- Define your title and description so it sounds like you\n\n# The Result\n\nWe’re happy that our beta users liked the first version and we’re proud of what we could built in less than two weeks.\n\nNow we can sleep at night without worrying about a crash on all these projects. If a server crash happens, we can fix it the day after and notify the new subscribed users. It’s simple as that.\n\nDo you want to be able to sleep at night without worrying about your server? [Visit **500error.co**](https://www.500error.co), create your own error page, integrate it into your existing projects and have one less thing to worry about.\n","type":"project","tags":["error","server","web"],"publishedAt":"2016-12-18T20:47:11.000Z","image":"/contents/project/500-error.jpg?v1","updatedAt":null,"readingTime":{"text":"3 min read","minutes":2.365,"time":141900,"words":473},"data":{"title":"500 Error","description":"We built 500error.co because we had to solve one of our own problems.","websiteUrl":"https://www.500error.co","image":"/contents/project/500-error.jpg?v1","tags":["error","server","web"],"publishedAt":"2016-12-18T20:47:11.000Z","updatedAt":null,"type":"project"}},{"slug":"pitchcard","title":"Pitchcard","description":"Since the iPhone released and the following AppStore boom, a lot of people began to tell us: \"Hey, I have an app idea...\".","content":"\n<small>Co-Written by [Susana Garcia](https://susana.dev)</small>\n\nSince the iPhone released and the following AppStore boom, a lot of people around us began to have amazing ideas: “Hey, I have a really cool idea for a new app!”. Every single one of them thought, they had the next billion dollar idea.\n\n# Get to the Point\n\nThey usually tried to explain it in a very complex way or sent us very long emails. As we both don’t like emails, long emails even less, we told most people to get to the point.\n\nWe believe that every good idea needs to be pitched in _2–3 sentences._ And this is only possible if you exactly know what the goal of your idea is.\n\n# Share Your Idea\n\nThere are another few things that some people don’t know about good ideas.\n\nSome people don’t talk much about their idea to protect it. They are afraid of someone stealing it. Fact is, **the more you share your idea, the better it gets.** Each time you explain your idea to people, they’ll ask you questions. First you won’t have an answer but it will force you to rethink your idea.\n\nAnother important thing is, what for you might be a pretty good idea, others wouldn’t even use it. And _what’s the point of creating something no one will ever use?_ Evaluate your idea first, then decide to build it or to move on.\n\n# Quick Feedback\n\nThat’s why we’ve built [Pitchcard.io](https://www.pitchcard.io/) to get quick feedback. We’ve picked this name because of the elevator pitch.\n\n> “\\[..\\] the idea that it should be possible to deliver the summary in the time span of an elevator ride, or approximately thirty seconds \\[..\\]”\n\n## How it works\n\n1.  Visit [www.pitchcard.io](https://www.pitchcard.io/)\n2.  Create your _Pitchcard_\n3.  Share it\n\nWe know that ideas can pop up anytime and anywhere (having lunch, doing sport or meeting up with friends). That’s why we made it very easy to create a _Pitchcard._\n\nYou can share your _Pitchcard_ with close friends via WhatsApp and email, or with everyone via Facebook, Twitter or others.\n\nAnother important point of _Pitchcard_ is, that we consequently set a **200 chars limit on the description** of the idea**.** As we already mentioned before, we want that people get to the point.\n\nWe hope you like our product and wish you good luck with your next billion dollar idea. 😜\n","type":"project","tags":["pitch","idea","web"],"publishedAt":"2016-05-08T07:07:37.915Z","image":"/contents/project/pitchcard.jpg?v1","updatedAt":null,"readingTime":{"text":"2 min read","minutes":1.97,"time":118200,"words":394},"data":{"title":"Pitchcard","description":"Since the iPhone released and the following AppStore boom, a lot of people began to tell us: \"Hey, I have an app idea...\".","websiteUrl":"https://www.pitchcard.io","image":"/contents/project/pitchcard.jpg?v1","tags":["pitch","idea","web"],"publishedAt":"2016-05-08T07:07:37.915Z","updatedAt":null,"type":"project"}}],"tag":"web"},"__N_SSG":true}