{"id":257,"date":"2008-01-08T20:27:26","date_gmt":"2008-01-09T03:27:26","guid":{"rendered":"http:\/\/www.bspcn.com\/2008\/01\/08\/building-a-com-in-24-hours\/"},"modified":"2011-01-11T08:01:05","modified_gmt":"2011-01-11T15:01:05","slug":"building-a-com-in-24-hours","status":"publish","type":"post","link":"http:\/\/localhost\/wordpress\/2008\/01\/08\/building-a-com-in-24-hours\/","title":{"rendered":"Building a .com in 24 hours"},"content":{"rendered":"<p>Written by <a href=\"http:\/\/dominiek.com\/articles\/2008\/1\/6\/building-a-com-in-24-hours\" target=\"_blank\">dominiek<\/a><\/p>\n<p>This is about how I spend 24 concentrated hours spread out over 4 days during Holidays to build the online service <a href=\"http:\/\/wigitize.com\">Wigitize.com<\/a>. It is part of my ongoing learning process on how to run a successful web startup.<\/p>\n<p>Even though I&#8217;m a super pimple-faced code-geek, I strive to be a creative entrepreneur who can utilize modern day tools and navigate the chaos to build cool stuff. What I tried to do for this project is use some new methods\/tools out there to solve practical problems in my weakness area: design, frontend coding, system administration and SEO.<\/p>\n<p>Purpose of this article is to show my thought process on the multidisciplinary aspects of this project. Also to invoke the discussion on how these things could be done much better (correct me!) and hopefully also to educate other entrepreneurial minded hackers.<\/p>\n<h1>Wigitize.com, A geeky Idea<\/h1>\n<p>While working for my current client here in Tokyo, I&#8217;m often running into problems where I wish there was a third party web service that could solve them. For example: Uploading\/Managing pictures for user generated content. We want to build cool shit, not reinvent the wheel.<\/p>\n<p>Another one of these &#8216;problems&#8217; &#8211; by saying problems I mean &#8216;important new features&#8217; &#8211; was allowing users to import their blog&#8217;s RSS feed. When users input the URL of their blog, a listing of their most recent blog entries will be displayed, sounds simple enough right?<\/p>\n<p>Several weeks before, I already wrote a feature that allowed users to display their latest <a href=\"http:\/\/twitter.com\/dominiek\">Twitter<\/a> &#8216;tweets&#8217;. Building this &#8216;passive twitter integration&#8217; seriously did not take any longer than one hour! This is because Twitter provides a <em>blog badge<\/em> or <em>widget<\/em>. More and more sites are starting to provide these widgets making it easier for people to take their data and display it on their blog. And that&#8217;s great!<\/p>\n<p>However, the most popular data feed format &#8211; RSS &#8211; does not have these widget benefits. Widgets rely on a smart technique called JSON which allows your browser to fetch the actual data. With RSS feeds you need relatively complicated server-side processing to display the data.<\/p>\n<p>So wouldn&#8217;t it be cool if there was a web service that allowed you to convert any RSS\/Atom feed into a embeddable widget? I&#8217;m sure some of you will suggest similar services now :]<\/p>\n<p>A service like that should be:<\/p>\n<ul>\n<li>simple, with one big ass URL input<\/li>\n<li>smart, it should detect these <em>data feeds<\/em><\/li>\n<li>integratable (another adjective!), by providing an API for other web services<\/li>\n<\/ul>\n<p>Aahhh a new project has been born. Let&#8217;s open up MS Word and fill in our Prince 2 Project template. Herein we can properly plan for all things we need to be doing and all risks and?<\/p>\n<p>Neh, just kidding! Let&#8217;s open up <a href=\"http:\/\/tv.winelibrary.com\/\">that bottle of wine<\/a> and? just fucking build it!?<\/p>\n<h1>Design Mockup, 3 hours<\/h1>\n<p>For me, this is one of the more tricky parts. But fortunately, the project is simple and Web 2.0 designs simple too! Since I don&#8217;t aspire to be the next whoever cool designer, I will just give you my Idiot&#8217;s view of doing design:<\/p>\n<ul>\n<li>being able to draw is not a necessity<\/li>\n<li>always start by putting down your content first<\/li>\n<li>learn a bit about colors: <a href=\"http:\/\/www.mariaclaudiacortes.com\/colors\/Colors.html\">Color in Motion<\/a>, <a href=\"http:\/\/veerle.duoh.com\/blog\/comments\/choosing_color_combinations\/\">Vleere<\/a> and <a href=\"http:\/\/kuler.adobe.com\/\">Kuler<\/a> (not cool but useful)<\/li>\n<li>don&#8217;t force making a design, do it in the evening when you find the creative flow &#8211; or in an onsen if you have a waterproof mac<\/li>\n<\/ul>\n<p>The weapon of choice: <strong>Adobe Photoshop<\/strong> (CS3, the latest shizne!). (Any good web alternatives yet? \ud83d\ude42 They say Photoshop has a steep learning curve and I agree. Still there are some things you can do to speed things up:<\/p>\n<p>Learn the most important shortcut keys, you will use them a hell lot (ordered by usage):<\/p>\n<ul>\n<li>V, get the arrow key to start dragging shit around<\/li>\n<li>M, marker to select things<\/li>\n<li>T, text tool<\/li>\n<li>I, eyedropper to pick a color<\/li>\n<li>CTRL+T, transform current selection<\/li>\n<li>G, paint bucket to fill in stuff<\/li>\n<li>W, magic wand to select stuff of the same shape\/color<\/li>\n<\/ul>\n<p>There are some things you will be seeing a lot in particular when doing Web20-like designs:<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/lh4.ggpht.com\/_MsZb8mYFoCs\/TSxtLxOUK8I\/AAAAAAAAM3I\/vz2uBlioN5o\/s800\/Picture_52.png\" alt=\"\" width=\"298\" height=\"176\" \/><\/p>\n<p>When performing blending options on a layer, you should be playing a lot with the following marked options:<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/lh5.ggpht.com\/_MsZb8mYFoCs\/TSxtLwWhCDI\/AAAAAAAAM3E\/pRxrGV4Z2l0\/s800\/Picture_51.png\" alt=\"\" width=\"473\" height=\"297\" \/><\/p>\n<p>You can learn <a href=\"http:\/\/blog.typpz.com\/2007\/05\/11\/create-a-web-20-logo-using-abobe-photoshop\/\">here<\/a> and <a href=\"http:\/\/iris-design.info\/photoshop\/web-20-style-buttons\/\">here<\/a> how to make these babies:<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/lh6.ggpht.com\/_MsZb8mYFoCs\/TSxtL1_avKI\/AAAAAAAAM3M\/QuA20S0oBmE\/s800\/Picture_53.png\" alt=\"\" width=\"230\" height=\"53\" \/><\/p>\n<p>Woops, I shouldn&#8217;t get to deep into the details. Anyway, based solely on the content a design like this rolled out:<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/lh5.ggpht.com\/_MsZb8mYFoCs\/TSxuL5Vhd2I\/AAAAAAAAM38\/-6ipp61QP10\/s1024\/wigitize_mockup.png\" alt=\"\" width=\"948\" height=\"647\" \/><\/p>\n<p>The colors can be justified as soil and nature, yin yang, peace man!<\/p>\n<h1>Storing your Files in an online Project Manager, 30 minutes<\/h1>\n<p>After having made those designs, I&#8217;d like to throw them online somewhere right away. Preferably in a SCM repository like Subversion. Luckily, I remembered <a href=\"http:\/\/www.readwriteweb.com\/archives\/developer_project_management.php\">an article on ReadWriteWeb about such Developer Tools<\/a><\/p>\n<p>Basically there are two startups that provide freemium SVN and project management hosting. I chose <a href=\"http:\/\/assembla.com\/\">Assembla<\/a> for disk space, but <a href=\"http:\/\/unfuddle.com\/\">Unfuddle<\/a> was a close second.<\/p>\n<p>That said, 10 minutes later I could start throwing things into my very own <em>http:\/\/svn2.assembla.com\/svn\/wigitize\/trunk<\/em><\/p>\n<p>Hell, it even puts changeset notifications in my Junk box!<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/lh6.ggpht.com\/_MsZb8mYFoCs\/TSxtMCBB0LI\/AAAAAAAAM3Q\/fnPz1YerG2A\/s800\/Picture_55.png\" alt=\"\" width=\"372\" height=\"227\" \/><\/p>\n<h1>Playing with Rails 2.0, 4 hours<\/h1>\n<p><a href=\"http:\/\/www.rubyonrails.com\/\"><img decoding=\"async\" src=\"http:\/\/lh5.ggpht.com\/_MsZb8mYFoCs\/TSxuLzG5esI\/AAAAAAAAM34\/WQD1uPV8LOI\/s800\/rails.png\" alt=\"\" width=\"87\" height=\"112\" \/><\/a><\/p>\n<p>Weapons of choice: <strong>RubyOnRails 2.0 and Textmate<\/strong>.<\/p>\n<p><em>Note: If one piece of software is worth paying for, it&#8217;s TextMate &#8211; am doing so now<\/em><\/p>\n<p>RubyOnRails is very suitable for me, but I&#8217;m not sure if it is that suitable for you. I myself have a clear CS-engineering background and am very comfortable with digging in deep. On the other hand, depending slightly on luck, you can do a lot with this framework by just modestly hacking away and watching a <a href=\"http:\/\/www.rubyonrails.com\/screencasts\">screencast<\/a> every now and then.<\/p>\n<p>Rails is quite controversial in terms of scaling and production-ready. However, I think things are changing fast and as I will show you later. Serious innovation is done on how this framework plays with it&#8217;s systems layer and technologies like <a href=\"http:\/\/aws.amazon.com\/\">Amazon&#8217;s Elastic Computer Cloud<\/a><\/p>\n<p>Like making the design, the coding also starts with <em>content<\/em>. First you jack in the important texts\/inputs you have in your design and than you enclose them in the necessary ps so they can be CSS-styled <em>later<\/em>. In Rails this starts with making a home\/welcome controller and writing the default layout: <em>app\/views\/layouts\/application.html.erb<\/em>. Yes we are using the new Rails 2.0 way of html.erb.<\/p>\n<p>A very important part of Rails I think is the <em>config\/routes.rb<\/em> file. This file holds all your <strong>pretty URLs<\/strong> like: <a href=\"http:\/\/wigitize.com\/json\/for\/http:\/\/dominiek.com\/\">http:\/\/wigitize.com\/json\/for\/http:\/\/dominiek.com\/<\/a> . In a way routes.rb lays out all the abstract functionality of your web application. Rumors are that the routes part of the framework is internally the most complex one.<\/p>\n<p>Some quick hinters on Rails practices that will speed up things:<\/p>\n<ul>\n<li>Never do things like: link_to(&#8221;, :controller =&gt; &#8221;), use <a href=\"http:\/\/wiki.rubyonrails.org\/rails\/pages\/NamedRoutes\">Named Routes<\/a><\/li>\n<li>If something seems complicated, break it down into simple steps and write a <em>unit test<\/em> first<\/li>\n<li>Breathe consistentness, everything you code &#8211; even whitespace &#8211; has perfect reason. This also means applying <em>Don&#8217;t Repeat Yourself<\/em> all the time as a habit.<\/li>\n<li>Naming can be a bitch and you can take up a lot of time. Do your best and pick a name <em>consistently<\/em>, you can always change it later.<\/li>\n<li>In Rails, take <a href=\"http:\/\/weblog.jamisbuck.org\/2006\/10\/18\/skinny-controller-fat-model\">Skinny Controller, Fat Model<\/a> to extreme heights, it will make your life more easy<\/li>\n<li>Do it in AJAX right away, it&#8217;s often much more simple than supporting plain HTML CRUD in the first place<\/li>\n<\/ul>\n<p>There is a lot of material out there available on coding Rails in general, so I will let go here.<\/p>\n<p>These first two hours are basically setting up all the routes, filling in the HTML and making things work in a very basic sense. For wigitize that meant:<\/p>\n<ul>\n<li>hooking up the URL input to a feed detector and aggregator (most of that code is from <a href=\"http:\/\/dominiek.com\/articles\/2007\/6\/22\/detecting-atom-rss-feeds-in-ruby\">here<\/a>)<\/li>\n<li>making sure that the aggregated data is stored in JSON format (In rails that means calling .to_json on any Object, easy as pie!)<\/li>\n<li>adding a Widget model that can actually hold the URL, detected feed URL and JSON data:<\/li>\n<\/ul>\n<p><img decoding=\"async\" src=\"http:\/\/lh4.ggpht.com\/_MsZb8mYFoCs\/TSxtMGQHBFI\/AAAAAAAAM3U\/XOwcXe4pcjc\/s800\/Picture_56.png\" alt=\"\" width=\"469\" height=\"179\" \/><\/p>\n<p>I spend the next 2 hours seriously code-monkeying on the feed detecting and parsing part of the system. I will soon open source it under the name <strong>feedeater<\/strong>.<\/p>\n<h1>Style that HTML! 1 hour<\/h1>\n<p>Styling, already? Yes, I think it&#8217;s good to style quite early in the process. For me, there is one single argument: Flow.<\/p>\n<p>When you are making something work it is nice when things already look quite tangible and usable. When you apply styling in an early stage you can see direct usable results of the things you are building, increasing the psychological state of <a href=\"http:\/\/www.amazon.com\/Flow-Psychology-Experience-Mihaly-Csikszentmihalyi\/dp\/0060920432\">the Flow<\/a>.<\/p>\n<p>Ok, so I also kinda suck doing CSS, but I learned enough to turn an image into a web page. These are my bullet point lessons:<\/p>\n<ul>\n<li>Develop for <a href=\"http:\/\/getfirefox.com\/\">Firefox<\/a> first, using the tool <a href=\"http:\/\/www.getfirebug.com\/\">Firebug<\/a>. If you aren&#8217;t using Firebug and doing web development you&#8217;re either slow or an imbecile ;]<\/li>\n<li>Always put in some basic CSS, I got some <a href=\"http:\/\/shapeshed.com\/journal\/default_styles_for_css\/\">here<\/a> and made it into my own <a href=\"http:\/\/wigitize.com\/stylesheets\/html.css\">html.css<\/a> which I can include as a base all the time.<\/li>\n<li>Padding and margin: These things are great and you need a lot of them. However, padding often gives you shit so try to choose margin over padding. Also, choose margin-bottom over margin-top since everything tends to float upwards (Thanks <a href=\"http:\/\/twitter.com\/chopps\">Simon<\/a>)<\/li>\n<li>Current fashion: Get some nice fonts going on, I&#8217;m using Trebuchet MS a lot for Wigitize and I mix it in with plain Arial.<\/li>\n<li>Current fashion dictates that you use a less fierce black for your text, make it #111 or #222.<\/li>\n<li>For mozilla\/safari I&#8217;m using -moz-border-radius\/border-radius, will never work in IE6 &#8211; fuck them, being a plain user is fine, but you&#8217;re not getting any round corners! Besides, <a href=\"http:\/\/arstechnica.com\/journals\/microsoft.ars\/2006\/08\/31\/5177\">isn&#8217;t Microsoft planning a forced upgrade soon?<\/a><\/li>\n<li>You only need tables for tables. They will make your life a pain and you will not be cool if you use them for layout. Other than that it&#8217;s fine.<\/li>\n<li>Little side note about AJAX: don&#8217;t use AJAX for navigation EVER! There are strong SEO and usability arguments against it (learned that the hard way, like most things in my life).<\/li>\n<\/ul>\n<h1>Spin it Baby! 2 hours<\/h1>\n<p>OK, I must admit that I spend way WAY too much time on this! However, when you&#8217;re doing things with AJAX, you need to put a <em>spinner<\/em> somewhere to indicate loading.<\/p>\n<p>This so called spinner is pretty kickass and based on <a href=\"http:\/\/dominiek.com\/articles\/2007\/12\/15\/ajax-snippet-blank-out-a-p-with-a-spinner\">a piece of Javascript I wrote earlier<\/a>:<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/lh5.ggpht.com\/_MsZb8mYFoCs\/TSxtpjtyR9I\/AAAAAAAAM3Y\/4x9cK4mZ_JQ\/s800\/Picture_57.png\" alt=\"\" width=\"790\" height=\"143\" \/><\/p>\n<p>Yeah Baby! It&#8217;s all hypnotic and stuff.<\/p>\n<p><em>Note: As someone pointed out in the comments, on <a href=\"http:\/\/ajaxload.info\/\">ajaxload.info<\/a> you can get a lot of spinner images, like the one I&#8217;m using here.<\/em><\/p>\n<h1>Designing and Coding the Footer, 2 hours<\/h1>\n<p>I really like footers and I think they are becoming more and more important. Nowadays footers are used as sitemaps and often they are contextualized as well. These are nice examples of footers: <a href=\"http:\/\/last.fm\/\">last.fm<\/a> and <a href=\"http:\/\/snooth.com\">snooth.com<\/a><\/p>\n<p>For Wigitize the footer is rather small since it&#8217;s a small site:<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/lh3.ggpht.com\/_MsZb8mYFoCs\/TSxtpmrUIuI\/AAAAAAAAM3c\/ggW4oCJ1baY\/s800\/Picture_58.png\" alt=\"\" width=\"564\" height=\"125\" \/><\/p>\n<h1>Making the JSON Embeddable, 3 hours<\/h1>\n<p><img decoding=\"async\" src=\"http:\/\/lh4.ggpht.com\/_MsZb8mYFoCs\/TSxtp4Bw13I\/AAAAAAAAM3g\/7DphQXV_t_A\/s800\/Picture_59.png\" alt=\"\" width=\"790\" height=\"504\" \/><\/p>\n<p>The embeddable Widget has the following code:<\/p>\n<pre>&lt;p class=\"feed_widget\"&gt;    &lt;ul id=\"feed_widget_34\"&gt;&lt;\/ul&gt;    &lt;script type=\"text\/javascript\" src=\"http:\/\/wigitize.com\/javascripts\/wigitize.js\"&gt;&lt;\/script&gt;    &lt;script type=\"text\/javascript\" src=\"http:\/\/wigitize.com\/feeds\/34.json\"&gt;&lt;\/script&gt;  &lt;\/p&gt;<\/pre>\n<ul>\n<li>define a containing list (ul)<\/li>\n<li>include a JS library that has a special callback function, in our case <em>wigitize_feed()<\/em><\/li>\n<li>include the JSON file that will call <em>wigitize_feed<\/em> with the appropriate data<\/li>\n<\/ul>\n<p>Providing styles obviously complicates things a bit. When choosing a style, it will include a generic wigitize.css and assign a class to the containing p.<\/p>\n<p>Near future improvements:<\/p>\n<ul>\n<li>Provide a &#8216;grab the grabber&#8217; so that people can provide widgets of their own feeds (eg ReadWriteWeb providing a last-10 articles widget). This could have a lot of potential if provided in a simple feed-burner like button.<\/li>\n<li>Put in better default styles than the lame ass ones I have now.<\/li>\n<li>Option to include data (useful for photo feeds).<\/li>\n<li>Option to display other kinds of aggregated data, eg microformats.<\/li>\n<\/ul>\n<h1>Making things run in the Background, 3 hours<\/h1>\n<p>Running things in the background &#8211; dubbed <em>backgrounding<\/em> &#8211; is an important part of production ready web applications. It&#8217;s a relatively new concept, since web applications used to be less complex. Now however, we are marching towards the Semantic Web where web apps are expected to become intelligent (the Intelligent Agents are coming, just like in the Langoliers!). I think being able to make your applications autonomous now will already reap you benefits (to be continued as an article).<\/p>\n<p>There are <a href=\"http:\/\/wiki.rubyonrails.org\/rails\/pages\/HowToRunBackgroundJobsInRails\">several ways to achieve backgrounding in Rails<\/a>, but the far away most easy one is using <a href=\"http:\/\/backgroundrb.rubyforge.org\/\">BackgrounDRb<\/a>. BackgrounDRb is a plugin for Rails that allows you to easily kick off background processes and schedule regular tasks. Good for our purposes: detecting and fetching feed data.<\/p>\n<p>I don&#8217;t agree with all of <a href=\"http:\/\/www.rubyinside.com\/zed-shaw-goes-nuclear-on-our-community-683.html\">Zed Shaw&#8217;s big rant<\/a> about the Rails community being a ghetto, but I sure do agree that there are a lot of idiots out there that produce things that can screw over your production apps. BackgrounDRb has become one of these projects and I strongly recommend that you do not use the latest code. If you start comparing code and read the mailing list you will see that a new guy has taken over <a href=\"http:\/\/brainspl.at\/%27s\">Ezra<\/a> fine project and I suspect that he has lowered the project&#8217;s level to pre-stable. I don&#8217;t hear any signals from the community and that worries me. Either I&#8217;m seeing ghosts or people are blindly accepting anything that&#8217;s marked as stable. In any case, I&#8217;m using <a href=\"http:\/\/brainspl.at\/articles\/2006\/10\/30\/backgroundrb-0-2-0-released\">Ezra&#8217;s version<\/a> which works fine.<\/p>\n<h1>Finishing up the API, 4 hours<\/h1>\n<p><a href=\"http:\/\/wigitize.com\/api\">The Wigitize API<\/a> for now is quite quick and dirty. There are two simple ways of using the API and examples are provided. In this area, a lot of improvements will be made down the line since it&#8217;s a key point in making any future freemium revenue.<\/p>\n<h1>Domain and Domain Email, 30 minutes<\/h1>\n<p>When I buy a domain I always buy a DNS managing package with it as well. This means that I can login somewhere and setup subdomains and set mail records. So the total price of Wigitize.com was 20$ per year.<\/p>\n<p>Providing <em>info@domain.com<\/em> email is easy, just get yourself a <strong>free<\/strong> <a href=\"http:\/\/www.google.com\/a\/help\/intl\/en\/admins\/editions_spe.html\">Gmail for organizations account<\/a>. In your Google Apps domain manager you can simply add your domain and in your DNS tool you set the MX record to <em>ASPMX.L.GOOGLE.COM<\/em>. Now you can use gmail and IMAP to read mails sent to your domain.<\/p>\n<h1>Setting up a Production Server, 1 hour<\/h1>\n<p>I was really eager to put this project on <a title=\"EC2\" href=\"http:\/\/aws.amazon.com\/ec2\">Amazon&#8217;s Elastic Computer Cloud<\/a> until I calculated my monthly costs. Running costs alone for simple projects like these will cost you 60$ a month. Still I think it&#8217;s worthy to look into this once you scale beyond simple project.<\/p>\n<p>After <a href=\"http:\/\/nubyonrails.com\/articles\/2007\/02\/24\/the-host-with-the-most\">digging around<\/a> I figured out that <a href=\"http:\/\/slicehost.com\/\">slicehost.com<\/a> would be a good cheap second. For 20$ a month I have a 256 memory slice with 100GB in data transfer &#8211; awesome.<\/p>\n<p>Setting up your <em>slice<\/em> takes 5 minutes with a credit card. This slice is essentially a virtual machine with an IP address, completely yours. And the best thing: you get an awesome web console to control everything! Adding a new machine is a no brainer.<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/lh3.ggpht.com\/_MsZb8mYFoCs\/TSxtpzEzUUI\/AAAAAAAAM3k\/O8HrSrymfVs\/s800\/Picture_60.png\" alt=\"\" width=\"666\" height=\"84\" \/><\/p>\n<p>Now, I&#8217;ve used linux\/unix for a long time as a working station. Eventually I got lazy and switched to my current MacBook. Fortunately, you can be lazy for the systems side of things too. All thanks to a lovely tool called <a href=\"http:\/\/deprec.org\">Deprec<\/a>.<\/p>\n<p>Deprec allows you to install the complete Rails stack with <a href=\"http:\/\/wiki.slicehost.com\/doku.php?id=automated_rails_install_and_deployment_with_deprec_capistrano\">a small set of commands<\/a>. Shortly thereafter you can deploy your application to your production server by typing <em>cap deploy_with_migrations<\/em>. Please note that for Deprec you need to install Ubuntu Linux on your machine which you can do as follows:<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/lh3.ggpht.com\/_MsZb8mYFoCs\/TSxtpz4TZbI\/AAAAAAAAM3o\/n-TeeL_K9EY\/s800\/Picture_61.png\" alt=\"\" width=\"623\" height=\"261\" \/><\/p>\n<p>Deprec installs the Rails stack as: Apache, Mongrel cluster (default of 2 instances) and MySQL. <a href=\"http:\/\/dominiek.com\/articles\/2007\/5\/18\/bye-redskin-zdravstvujte-redstar-nginx-tips\">As I&#8217;ve written earlier<\/a>, <a href=\"http:\/\/wiki.codemongers.com\/Main\">NginX<\/a> is a nice nano-alternative for Apache. I would like to see that in my Rails stack someday, but I&#8217;m not going to worry about that now. Clock is ticking!<\/p>\n<h1>Little Pimps and Tweaks, 3 hours<\/h1>\n<p>I think it&#8217;s good to prepare a little bit for the storm (and I felt like doing something else for a bit), so I&#8217;ve created a nice maintenance message for in case there are system\/scaling problems. In here I think it&#8217;s important to give people an extra reminder to bookmark and come back.<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/lh6.ggpht.com\/_MsZb8mYFoCs\/TSxuLaPsfPI\/AAAAAAAAM3s\/aSK7XpQ4gOs\/s800\/Picture_62.png\" alt=\"\" width=\"800\" height=\"385\" \/><\/p>\n<p>Which brings us to another great service, <a href=\"http:\/\/addthis.com\/\">addthis.com<\/a>. AddThis provides you with a button that makes it easy to bookmark on multiple social bookmarking services.<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/lh4.ggpht.com\/_MsZb8mYFoCs\/TSxuLchahKI\/AAAAAAAAM3w\/enjurh0LEK8\/s800\/Picture_64.png\" alt=\"\" width=\"435\" height=\"199\" \/><\/p>\n<p>Another one of those little tweaks was proper error checking and displaying it to the user. I am using a pink error message to make it look more friendly (maybe I should go even further and make it yellow or something):<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/lh5.ggpht.com\/_MsZb8mYFoCs\/TSxuLrJSVjI\/AAAAAAAAM30\/4EhEoZnke2g\/s800\/Picture_65.png\" alt=\"\" width=\"550\" height=\"132\" \/><\/p>\n<h1>Statistics and Search Engine Optimization, 1 hour<\/h1>\n<p>Statistics is another 10 minute no-brainer by using Google Analytics. However I&#8217;m on the lookout to find something more real-time like Mint (but than free). Any suggestions?<\/p>\n<p><em>Note: I just added <a href=\"http:\/\/getclicky.com\/\">getclicky.com<\/a> to get more realtime stats than GA<\/em><\/p>\n<p>I found <a href=\"http:\/\/www.seoonrails.com\/\">a blog which is solely about Rails and SEO<\/a> which I thought was very promising but in fact doesn&#8217;t have much content. I do found something on <a href=\"http:\/\/www.seoonrails.com\/getting-your-meta-tags-on-track\">how to provide different meta tags in rails<\/a> which I applied right away.<\/p>\n<p>After looking around a bit I also saw <a href=\"http:\/\/noobonrails.blogspot.com\/2006\/09\/good-seo-mojo-with-rails.html\">some discussion about whether to use www. or not<\/a>. The way to roll with this is: you permanently redirect your www. domain to say http:\/\/wigitize.com. It makes sense, www is old and architecture centric, http:\/\/wigitize.com is less typing and pretty.<\/p>\n<p>On that note, make sure that you always write pretty URL&#8217;s by practice. This means thinking them through extra carefully, because changing URL&#8217;s is painful after going live.<\/p>\n<p>Wigitize.com was also chosen with SEO in mind. The word is a mis-spelling of the term widgetize and yields 105 Google results (at this moment). Additionally, it is a verb, which lubricates the prettiness of the URLs :]<\/p>\n<p>Near future improvements:<\/p>\n<ul>\n<li>Making a list of &#8216;last wigitized sites&#8217; and &#8216;most wigitized sites&#8217;, those pages can be accessed by the search spiders and thus associating external content with Wigitize.com. I think this might improve search rankings.<\/li>\n<li><a href=\"https:\/\/www.google.com\/webmasters\/tools\/docs\/en\/protocol.html\">Providing a sitemap.xml<\/a>, would that help?<\/li>\n<li>Focus on the viral aspects of these widgets. For example a <a href=\"http:\/\/feedburner.com\">FeedB urner<\/a> style button for on popular blogs.<\/li>\n<\/ul>\n<h1>Let&#8217;s throw it out there!<\/h1>\n<p>While writing this article &#8211; which took quite some time. Wigitize.com is already running and doing it&#8217;s job. However, I&#8217;m sure there are still some kinks to work out which I will do over the past coming days (eg IE6 support, SEO\/viral tasks).<\/p>\n<p>Also, I didn&#8217;t discuss anything about an important aspect: How to make revenue with Wigitize.com? I&#8217;m not sure yet, but since I&#8217;m solving a problem for myself, I&#8217;m sure others out there had it. Besides, the costs are extremely low at this point so I will worry about monetizing later. Although I would like to hear <strong>YOUR<\/strong> thoughts about it!<\/p>\n<p>I realize that this is a geeky project and I must say it&#8217;s quite different than the web apps I normally work on. It was fun for me however to write down my thought process, especially on the non-tech parts of building which I find increasingly interesting.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Written by dominiek This is about how I spend 24 concentrated hours spread out over 4 days during Holidays to build the online service Wigitize.com. It is part of my ongoing learning process on how to run a successful web startup. Even though I&#8217;m a super pimple-faced code-geek, I strive to be a creative entrepreneur [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[],"tags":[],"_links":{"self":[{"href":"http:\/\/localhost\/wordpress\/wp-json\/wp\/v2\/posts\/257"}],"collection":[{"href":"http:\/\/localhost\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/localhost\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/localhost\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/localhost\/wordpress\/wp-json\/wp\/v2\/comments?post=257"}],"version-history":[{"count":1,"href":"http:\/\/localhost\/wordpress\/wp-json\/wp\/v2\/posts\/257\/revisions"}],"predecessor-version":[{"id":3327,"href":"http:\/\/localhost\/wordpress\/wp-json\/wp\/v2\/posts\/257\/revisions\/3327"}],"wp:attachment":[{"href":"http:\/\/localhost\/wordpress\/wp-json\/wp\/v2\/media?parent=257"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/localhost\/wordpress\/wp-json\/wp\/v2\/categories?post=257"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/localhost\/wordpress\/wp-json\/wp\/v2\/tags?post=257"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}