• Maurice SvayMaurice Svay, over 6 years ago

    You should try static sites generators, like Jekyll (compatible with Github), Wintersmith, etc. See https://www.staticgen.com for a list of them.

    7 points
  • Sacha GreifSacha Greif, over 6 years ago

    If it's a blog Jekyll is fine, otherwise I'd suggest Middleman: https://middlemanapp.com/

    More features, more flexible. For example it also manages blogs, but you can have an arbitrary number of them.

    4 points
  • Andrew LeeAndrew Lee, over 6 years ago (edited over 6 years ago )

    If you are just getting into the beginnings of building static sites, I suggest going with the bare minimum to understand the technology first.

    This means, get some hosting: GoDaddy will be fine for this, bonus points if you can figure out how to hook up a URL to it.

    Find a free / cheap FTP client: I suggest Transmit if you want to pony up and FireFTP (firefox extension) for the free route. Connect to your new hosted space with the FTP client. (details for connection will be within the GoDaddy account)

    Start with a single index.html file. Use your favorite text editor (Sublime or TextWrangler), grab some boilerplate and put a few "Hello Worlds" using


    . Save and transfer the file up. Once you get a file up there, your world opens up. Then start learning about linking together pages, stylesheets, & javascript.

    Once you get an idea of how it works, then move on to Jekyll or some other framework.

    3 points
  • Kyle ConradKyle Conrad, over 6 years ago

    What is the site? What is the goal? How many pages/sections? How dynamic would it have to be?

    There are way too many questions to give any sort of accurate suggestions here.

    3 points
    • Will Almendras, over 6 years ago

      actually its a project website that has a one superstar page for a single product, it has a HOME page, Product Page, Testimonial Page, and Purchase Page.

      in which it needs to be dynamic for example in the Purchase page there should be a "total cost calculator that would include amount, shipping cost and other additional cost" how can these be done?

      Do you have any idea how to build or create this kind of site?

      Thanks Kyle in advance.

      0 points
  • Jeff EscalanteJeff Escalante, over 6 years ago

    I work on a tool for doing this -- http://roots.cx. There are a bunch of tutorial videos on the homepage. It can scale into linking with a remote cms down the line if you need it, but starts out simple and static.

    3 points
  • Mitchel van EijgenMitchel van Eijgen, over 6 years ago (edited over 6 years ago )

    +1 for Jykell & Grunt, hosted on Github pages is a amazing workflow! (This video of CSS-tricks helpt me get started)[http://css-tricks.com/video-screencasts/screencast-134-tour-site-progress-built-jekyll-grunt-sass-svg-system/]

    1 point
  • David KizlerDavid Kizler, over 6 years ago


    It's pretty liberating.

    0 points
  • Heath ShowalterHeath Showalter, over 6 years ago

    I've made a few sites where the customer required it to be static files for security reasons with minimal server maintenance (Government). They also wanted a back-end so that they can make easy edits.

    I ended up using WordPress with the REST API plugin and Angular.JS to make a Single page app. When they would publish an article, PHP would curl the REST API and save the results to static .json files. These would get deployed nightly automatically.

    0 points
  • Marcos MejiaMarcos Mejia, over 6 years ago

    So simple answer to your question is build it from scratch. All of the options i'll point out below require knowledge in html,css and proper static site structures and honestly all they provide is simple organization and set-up. Making static websites is easy to do manually without any of these. A CMS like Squarespace would allow you to do these things without learning how to code.

    A lot of people mention Jekyll. Personally I find it too restrictive but it is good if you'd like your site to display and organize itself around a blog structure. If you want something a bit more flexible something like http://cactusformac.com/ let's you work around templates you create and the structure is up to you. Cactus uses django and offers easy set up with pre processors like sass etc.

    0 points
  • Warren BaskinWarren Baskin, over 6 years ago (edited over 6 years ago )

    First figure out how many pages your website will be. If it's only one page, simply write HTML/CSS/JS the old-fashioned way. If more than one page, look into something like Middleman, Hammer, or Jekyll.

    If you find your site getting too complex, maybe then you'd want to try a flat-file CMS such as Kirby, Stacey, Statamic, or Craft - I believe these are all PHP-based. My personal favorites are Kirby and Statamic.

    0 points
  • Nathan HueningNathan Huening, over 6 years ago (edited over 6 years ago )

    I'd definitely go with Statamic.

    0 points
  • Ryan DeBeasi, over 6 years ago

    I've been using CodeKit's .kit format, along with the grunt-codekit compiler. (You could of course use CodeKit for Mac OS instead of Grunt.) This format gives you includes, partials, and variables. That's about all it does.

    If you just need the basics - or if you want something that you can slot into an existing Grunt/CodeKit workflow - the Kit format is pretty handy.

    0 points
  • Jerome Arfouche, over 6 years ago

    Depends on the site you're making, I've made a few simple websites just by throwing together a few PHP scripts (no framework, nothing) and they were enough for the job. You have to know what you need.

    This doesn't answer the question, but in case you find you need a CMS, I really like Kirby, it's one that doubles as a development framework too, pure pleasure to work with.

    0 points
  • TJ MapesTJ Mapes, over 6 years ago

    +1 Jekyll + Github Pages

    0 points
  • Mike HeitzkeMike Heitzke, over 6 years ago

    Keep it as simple as possible. I'd suggest Middleman or literally just start with a HTML5BP and code it up (if you're not familiar with middleman, jekyll, octopress workflows).

    How big of a site are we talking?

    0 points
  • Tom DurkinTom Durkin, over 6 years ago

    +1 for Jekyll.

    A bit of set-up is required but once you have done one site, its a walk in the park.

    0 points
  • David DarnesDavid Darnes, over 6 years ago

    Is this just a conceptual challenge or is there a reason not to use a CMS? I'd say Jekyll but technically that is a CMS… of sorts.

    I'm interested to know the story behind this question :)

    0 points
    • Will Almendras, over 6 years ago

      i have been researching and walking through HTML, CSS, Javascript and Php. and i have seen the unique ways of making website and like CMS does but I want to go deeper in my Programming Skills and sharpen it, with a more hard coding.. I can't start and I don't know where to start because of a vast information on the web that is so overwhelming... it's like i'm in the midst of ocean swimming for the information and sad to say i forget to catch my meal.. if you know what i'm saying... _^

      0 points
      • David DarnesDavid Darnes, over 6 years ago

        I think I understand. Well in that case I'd suggest just doing some research into other programming languages. I would say PHP but the cool devs seem to shun that these days, for things like Ruby and Node. If you want more of a challenge then learning these might be a good place to start.

        Other than that I'd go down the route everyone is saying and try Jekyll, but bare in mind it's very easy to pick up and it might not be enough of a challenge for you ;)

        0 points
  • Andrew LucasAndrew Lucas, over 6 years ago (edited over 6 years ago )


    0 points
  • Dave GreenDave Green, over 6 years ago

    Hello Will,

    I'm a front-end & Wordpress dev building my own personal site at the moment and I can vouch for the combination of Jekyll + Bourbon (with Neat for the grid) + Grunt. Very powerful!

    Cheers, Dave

    0 points
  • Zac HalbertZac Halbert, over 6 years ago

    Go for a jekyll website if it's a simple marketing site or blog. It's a little more technical than using a CMS like wordpress, but there are huge benefits such as fast editing of content and easy deploys on github. Once you get the hang of it it's much nicer than using a proper CMS, and how I build all my sites now including my own.

    Also, https://ghost.org/ might be a good in-between solution to check out, too.

    0 points