Sign up for our DIY & decorating emails and get FREE VIP access to our printables library with over 75 goodies!
You're signed up! Check your email for the library access instructions.

How to Build a Gable Roof over a Front Door

This post contains affiliate links. Read the full disclosure here.

See how easy it is to add a small roof over your front entry with this simple tutorial! Learn how to build a gable roof over a front door for both function and style.

RELATED: HOW TO READ A TAPE MEASURE WITH A FREE CHEAT SHEET

When we converted our old shed into my she-shed home office last fall, one thing we knew we’d eventually need to build was a small roof over the door entry. Especially since we get so much rain here in Oregon!

Well, we finally got around to adding one, and I’m so excited to show you how to build a door canopy yourself as part of this month’s #diyprojectchallenge!

I’ve teamed up with some of my favorite DIY’ers to share an array of outdoor DIY projects so be sure to check out all their awesome posts linked up at the bottom of this post. 🙂

YOU WILL ALSO LOVE: HOW TO INSTALL WINDOW GRIDS FOR CHEAP!

Add a Gable Roof to Front Porch FAQ

What is a gable roof?

Before we get into how to build a small roof, let’s discuss what a gable roof actually is.

According to the dictionary, a gable roof is a roof with two sloping sides and a gable at each end. A gable is defined as the end of a pitched roof.

So in layman terms, a gable roof is a roof that has a peak in the middle and just two sloping sides that go down to the edges of the building.

They are one of the most popular types of roofs because they’re inexpensive to build, they’re durable in many types of weather, and they are pretty simplistic in design yet can be modified to fit a desired look.

What does a gable roof look like?

Gable roofs are recognized by their triangular shape.

Different than a hip roof, which typically has a flat section in the center and slopes going down to all four sides of the structure.

Is gable roof framing hard?

While I’m hoping this tutorial makes it easier, gable roof framing takes a lot of accurate math and calculations.

It’s important to take your time, plan ahead and validate the structure as you’re building it.

I’m hoping this simple tutorial for how to build a roof overhang over an exterior door will help shed some light on the process and give you the confidence to make your own awning for an entry door!

Ok, enough talk – let’s get to it, shall we? 🙂

How to Install a Gable Roof over a Front Door Entry

For a printable copy of the materials and instructions, scroll down.

Materials Needed:

Tools Needed:

How to Build a Gable Roof Overhang
Above a Door

STEP 1: MAKE A PLAN

The first step in how to build a wood awning is determining what size you want it to be.

That means, how wide (we chose to do ours just as wide as the door trim) and how deep (we did ours 2′ deep.)

You also need to decide what pitch you want your gable roof to have.

We copied the pitch of our she-shed’s main roof, so this tutorial will show you how to copy an existing roof’s pitch.

If your home has a gable roof on the main house, we recommend matching it to that pitch so it ties in visually anyway.

To mirror another roof’s pitch, the first thing you’ll need to do is determine what angle you need to cut your trusses at.

To find that angle, simply line up a piece of paper along the roof-line and then draw a line on your paper up the vertical at the peak.

Transfer that angle to your wood and then use your initial wood piece to align your chop saw at that angle.

This will be the angle you use for ALL of your angled cuts in this project, so be sure to make note of what angle it is once you’ve got it set on your saw.

STEP 2: BUILD THE CORBELS

Your first building step when you add a gable roof to a front porch is to assemble the corbels that will hold your roof up.

Do this by cutting four 2×4 boards at the depth you want your roof to have. For us that was 24″.

For each corbel, make an “L” with two of those boards and screw them together.

Then, make sure your “L” is square (at a 90 degree angle,) measure and mark 6″ from the end on each of those sides and use those marks to determine how long your angled piece needs to be.

Cut a 2×4 board at that length with 45 degree angles on each end.

Place the angled pieces inside your “L”s and screw into place to finish assembling the corbels.

Install the corbels next. For each one, place the top of the corbel flush with top of the door trim and the side against the side of the door trim and screw into place.

RELATED: DIY WINDOW SEAT WITH STORAGE

STEP 3: BUILD THE TRUSSES

Now that you have the corbels up, it’s time to learn how to build a gable roof truss!

Begin by cutting two 2×4 boards at the depth of your gable roof. These will be your trusses’ end cap.

Then, measure the full width between the edges of your corbels.

To get the length of your truss boards, find where the peak of your existing roof is that distance wide (for us that was 48″) and measure the roof length between that spot and the peak.

Cut four 2×4 truss boards at that length minus 1.5″ (to account for your end caps!) using the angle you determined in step one.

Screw the angled truss boards together to make two trusses.

Then, screw those trusses to the two end-cap boards you cut at the beginning.

Next, cut and install four support boards between the trusses with two on each side – one just outside of the peak and another centered on the side of the truss.

Once the truss is fully assembled, install it on top of your corbels by screwing it in from the bottom.

Now that we’ve learned how to make an awning frame – let’s work on making it pretty!

STEP 4: INSTALL FASCIA TRIM & PLYWOOD TOP

Next, cut and install 1×6 fascia trim boards on each end of your gable roof.

Cut the boards the depth of your roof and line the top of them up with the top of your truss end cap.

After they’re installed, here’s a front view of how the end of your truss should align:

Before installing the front trim, cut and install your plywood top.

For the dimensions of these plywood pieces, measure the length from the peak of your truss to the end of the end cap and then make it as deep as your roof plus 3/4″ (to account for the front face trim.)

Nail the plywood boards into place using nails every few inches around the entire perimeter.

After the plywood is in place, install your front 1×6 fascia trim using the same angle as your roof for the end angle and aligning it with the bottom corner of your corbel face.

It’s ok if there’s a slight gap between the top of the face trim and the plywood top – you’ll be covering that with a drip edge flashing next.

STEP 5: INSTALL DRIP EDGE

Before installing the roof shingles, install metal drip edge flashing along the plywood and fascia trim seams and the back seam between the siding and the plywood.

We chose to do white along the face trim to match the shed and did NOT paint it. The flashing along the siding seam will be covered by trim, so can be any color.

Add a bead of caulking along the siding seam before installing the drip edge flashing and don’t worry if it seeps out as you press the flashing in place.

STEP 6: INSTALL THE ROOF

Before you start, make sure the color of your shingles matches your main house’s roof color!

Start by installing tar paper on top of the plywood.

Cut it to size using a box knife and install with a staple gun.

For your first row of shingle (at the bottom of the roof), place a shingle piece with the solid side overhanging the drip edge (feels upside down) by 1/4″ and install using roofing nails.

Then, working your way up the roof, install and layer your shingles to the peak.

A couple things to consider as you install:

  • Always overhang your drip edge flashing and fascia trims boards by about a 1/4″
  • Always stagger seams in the shingles to make it water tight. This will require you to cut and offset your even rows by about 1/3rd.

For the peak, cut a solid strip from one of your shingle pieces and install it folded over the peak.

For more details on installing shingles, check out this article.

STEP 7: INSTALL TOP TRIM

Now that your roof is fully installed, you need to put in the final fascia trim over the top drip edge against the siding.

Use your same truss angle to cut these pieces and make them go from the peak of the roof to the edge of the roof.

STEP 8: INSTALL SHIPLAP SOFFIT

Installing tongue-and-groove shiplap in the soffit is entirely optional, but I love the finished look it gives to the underside of the wood awning.

To install the shiplap, simply use your chop saw to cut pieces of shiplap that fit between the house siding and front fascia trim on the underside of the roof and install them starting at the peak all the way down, clicking them together as you install.

After this installation is complete, caulk all the seams between your wood on all parts of the roof structure to prep for painting.

STEP 9: PAINT

At this point, your DIY front door canopy should be structurally complete. Now it’s time to make it pretty! 😉

The last step in our process for how to build a gable roof over a front door is to paint all the wood. Be careful not to get paint on the shingles or drip edge.

We chose to paint most of ours the main house color with the exception of the face fascia trim around the front and above the roof that we painted our trim color.

So what do you think of the wood awning we built over our front entry door? I sure love it!

I hope this simple tutorial for how to build a gable roof over a front door has been helpful and insightful for you!

As promised, here are the printable instructions:

Yield: 1 Gable Roof

How to Build a Gable Roof over a Front Door

How to Build a Gable Roof over a Front Door

Learn how easy it is to build a small wood awning over an exterior door!

Prep Time: 2 hours
Active Time: 8 hours
Additional Time: 1 day
Total Time: 1 day 10 hours
Difficulty: Moderate
Estimated Cost: $125

Instructions

  1. Determine how wide and deep you want your truss to be. Also, identify what roof you'll be using as your pitch template.
  2. Build the corbels out of 2x4s by screwing together "L" shapes and adding a 45 degree angled piece between them. Install the corbels flush with the top of the door trim and against the side door trim.
  3. Use your template roof to measure and cut angled truss boards then screw them together and into the end caps. Add support boards and then screw the entire truss structure on top of the corbels.
  4. Install face trim on both ends, plywood on top and face trim on the front.
  5. Install drip edge flashing along all the plywood seams.
  6. Staple tar paper on the plywood and then install shingles on the roof.
  7. Install face trim over the drip edge atop the roof.
  8. Nail tongue and groove shiplap in the soffit and caulk all the wood seams.
  9. Paint all the wood.

Notes

This tutorial uses an existing roof as a template for the trusses.

Feel free to let me know if you have any questions as you go to make your own awning for an entry door!

And don’t forget to check out these awesome outdoor DIY projects for this month’s #diyprojectchallenge:

Emory Farm – How to Screen In Your Porch

Kippi at Home – Garden Hose Holder

Southern Yankee DIY – DIY Herb Box

DIY Vibes – DIY House Number Sign

Sand Dollar Lane – DIY Ladder Golf Set

DON’T FORGET TO FOLLOW ALONG!

INSTAGRAM | PINTEREST | FACEBOOK

23 thoughts on “How to Build a Gable Roof over a Front Door”

  1. I started build my home i am reading this article carefully gives lots of information thanks for sharing

  2. I just came across this article while browsing for for exterior door roofs, I love the explanations, the tools/supply list is also helpful. I am pretty handy with DIY so this should be do-able. Best part is that I have a bunch of partial 2 x 4 pieces laying around from other projects that are long enough to accomplish this, so this should be a good way to use them 🙂 I’ll let you know how it goes.

  3. Great goods from you, man. I’ve understand your stuff previous to and you’re just too great I really like what you have acquired here, certainly like what you’re stating and the way in which you say it. You make it enjoyable and you still care for to keep it wise. I cant wait to read far more from you. This is really a tremendous website.

  4. I have been browsing online more than three hours lately, but I by no means found any
    interesting article like yours. It’s beautiful worth enough
    for me. In my view, if all website owners and bloggers made excellent content as you probably did, the internet will be a
    lot more helpful than ever before

  5. I carry on listening to the news update lecture about receiving boundless online grant applications so I have been looking around for the finest site to get one. Could you advise me please, where could i get some?

  6. Yay! I’m so glad it was helpful and that yours turned out. Congrats on a successful DIY project! 🙂

  7. Built a gable roof over the door to my garage using these instructions. It came out terrific and was fairly simple with the helpful pictures.
    I’ve gotten lots of positive comments from my wife and neighbors.
    Thanks!

  8. Hello, i think that i saw you visited my blog thus i came to “return the favor”.I’m attempting to find things to enhance my website!I suppose its ok to use some of your ideas!

  9. You’ll find it near unattainable to encounter well-updated men or women on this issue, but you come across as like you understand whatever you’re writing on! Thanks

  10. “Write more, thats all I have to say. Literally, it seems as though you relied on the video to make your point.

    You definitely know what youre talking about, why
    waste your intelligence on just posting videos to your site when you could
    be giving us something informative to read?”

  11. Hiya, I am really glad I have found this info. Nowadays bloggers publish just about gossips and internet and this is actually irritating. A good site with interesting content, this is what I need. Thank you for keeping this web site, I’ll be visiting it. Do you do newsletters? Can not find it

  12. A fascinating discussion is definitely worth comment. I do believe that you ought to publish more on this topic, it may not be a taboo matter but generally people don’t talk about such issues. To the next! Kind regards!!

  13. “Amazing blog! Do you have any hints for aspiring writers?
    I’m hoping to start my own site soon but I’m a little lost
    on everything. Would you advise starting with a free platform like WordPress or go for a paid option? There are so many choices
    out there that I’m completely overwhelmed .. Any ideas? Thank you!”

  14. “First off I want to say awesome blog! I had a quick question that I’d like to
    ask if you don’t mind. I was interested to know how you center yourself and clear
    your head before writing. I’ve had a hard time clearing my
    thoughts in getting my thoughts out. I do take pleasure in writing but it just
    seems like the first 10 to 15 minutes are generally
    lost simply just trying to figure out how to begin. Any recommendations or tips?
    Appreciate it!”

  15. I seriously love your site.. Very nice colors & theme. Did you create this website yourself? Please reply back as I’m looking to create my own personal site and would like to know where you got this from or what the theme is called.

  16. This is my first time pay a quick visit at here and i am in fact impressed to read everthing at single place.

Leave a Comment

Skip to Instructions