RecipeAI
DashboardDiscoverMeal PlanGroceriesCreateImportRecipe Box
BlogSign InGet Started
Dashboard
Plan
Nutrition
Create
Groceries
Saved
Profile
RecipeAI LogoRecipeAI

AI-powered recipes, meal plans, and nutrition tracking — personalized to your tastes and goals.

Explore

  • Discover Recipes
  • Categories
  • World Cuisines
  • Diets
  • Quick Meals
  • Meal Plans by Diet
  • Kitchen Conversions
  • Calories in Foods

Features

  • AI Recipe Generator
  • Meal Planning
  • Nutrition Tracker
  • Macro Calculator
  • Nutrition Guides
  • Food Diary
  • Recipe Import
  • Pricing

Resources

  • Blog
  • About Us
  • Feedback

© 2026 RecipeAI. All rights reserved.

Cook smarter, eat better.

More recipes like this

  • Restaurant-Style Pan-Seared Hamburger Patties with Caramelized Garlic-Onion Butter
  • Pan-Seared Beef Meatballs with Caramelized Onion Garlic-Butter Rice
  • Caramelized Carrot & Onion Pilaf with Herbed Crispy Potatoes and Garlic-Butter Drizzle
  • French-Style Brown-Butter Omelette with Caramelized Onion & Crispy Garlic Breadcrumbs
  • Baked Caramelized Onion & Garlic Three-Cheese Dip (French-Inspired)
  • Gourmet Grilled Sandwich with Caramelized Onion, Tomato, Cheddar & Gruyère
  • Browse all recipes →
Caramelized-Onion Double-Cheese Grilled Sandwich with Garlic-Thyme Butter

Caramelized-Onion Double-Cheese Grilled Sandwich with Garlic-Thyme Butter

By Catja Leon

Modern American (French-influenced)Intermediate

A sumptuous, restaurant-style grilled sandwich layered with sweet, deeply caramelized red onion, ripe tomato, peppery arugula and a molten combination of cheddar and Gruyère. Finished in a garlic-thyme butter for a crisp, golden exterior and ultra-rich interior—each bite balances sweet, savory and tangy notes with a satisfying crunch.

Prep: 15 minutes
Cook: 15 minutes
Total: 30 minutes
2 servings

Ingredients

  • 4 slices (about 240 g total) sourdough bread, medium-thick slices
  • 4 tbsp (56.8 g) unsalted butter
  • 1 tbsp (13.5 g) extra-virgin olive oil
  • 1 small (about 70 g) red onion, thinly sliced
  • 1 tsp (4 g) granulated sugar
  • 56 g (about 2 oz) cheddar cheese, sliced or shredded
  • 56 g (about 2 oz) Gruyère cheese, sliced or shredded
  • 1 medium (about 120 g) ripe tomato, thinly sliced
  • 1 cup (about 20 g) fresh arugula
  • 1 tsp (5 g) Dijon mustard
  • 1 clove (about 3 g) garlic, minced
  • 1 tsp (approx. 1 g fresh) fresh thyme leaves (or 1/4 tsp dried)

Instructions

1

Prepare the caramelized onions: heat 1 tbsp olive oil in a medium skillet over medium heat. Add the thinly sliced red onion, a pinch of salt and 1 tsp sugar. Cook, stirring occasionally, for 10–12 minutes until the onions are deeply golden and very soft. (Why: Moderate heat and a little sugar speed and encourage the Maillard reaction and caramelization without burning—the goal is sweet, jammy onions that will contrast the salty cheese.)

2

Make garlic-thyme butter: in a small bowl, mash together 4 tbsp unsalted butter, minced garlic and thyme until smooth. Season lightly with salt and pepper. (Why: Softened butter holds aromatics so it spreads evenly and helps create a crisp, flavored crust when the sandwich is grilled.)

3

Assemble the sandwiches: Lay out 4 slices of sourdough. Spread about 1 tsp Dijon mustard on the inside of two slices (this gives a subtle acidic counterpoint to the richness). On each mustard-coated slice add half the cheddar and half the Gruyère (layering two cheeses gives nutty depth and excellent melt). Top with half the caramelized onions, 3–4 tomato slices, a pinch of salt and pepper, then a handful of arugula. Close with the remaining bread slices. (Why: Layering cheese directly on the bread helps it melt into the crumb and bond the sandwich; the arugula goes inside rather than on top to keep it from wilting too much.)

4

Butter the outsides: spread the garlic-thyme butter evenly on the outside faces of both sandwiches (about 2 tbsp butter per sandwich, 1 tbsp per side). Press gently. (Why: The flavored butter promotes even browning, a crunchy exterior and adds aromatic complexity.)

5

Grill the sandwiches: heat a heavy skillet or cast-iron pan over medium-low to medium heat. Place sandwiches in the pan and cook 4–5 minutes per side, pressing lightly with a spatula, until golden brown and cheese is melted. If the bread browns too fast before the cheese melts, reduce the heat and cover the pan for 1–2 minutes to trap heat and help the cheese melt. (Why: Moderate heat gives time for the interior to warm and cheese to melt without burning the buttered crust; covering the pan creates steam to finish melting.)

6

Rest and slice: transfer sandwiches to a cutting board and let rest 2 minutes (this keeps cheese from running out too much when you cut). Slice diagonally and serve immediately. (Why: A short rest lets the molten cheese settle so each slice holds together and the flavors marry slightly.)

Chef's Tips

  • 1If your skillet is small, grill one sandwich at a time so each gets even contact with the pan for uniform browning.
  • 2To speed melting without over-browning, preheat the oven to 300°F (150°C) and place the assembled, buttered sandwiches in the oven for 3–4 minutes right after starting the pan—this gently warms the interior, then finish on the skillet for crisp crust.
  • 3Use a combination of a sharper cheese (cheddar) and a nutty, melting cheese (Gruyère) for contrast; avoid low-moisture pre-shredded cheese which can be drier and melt unevenly due to anti-caking agents.

Variations

  • Caprese-style: replace the cheddar and Gruyère with fresh mozzarella and a drizzle of balsamic glaze; omit mustard and add fresh basil leaves.
  • Protein add-ins: add thinly sliced roasted turkey or prosciutto between the cheese layers for a heartier sandwich. If using prosciutto, omit additional salt.
  • Vegan option: use a plant-based butter and two slices of a good melting vegan cheese (or a cashew-based spread) and swap arugula for baby spinach.

Nutrition per Serving

878

Calories

28g

Protein

77g

Carbs

52g

Fat

5g

Fiber

Rate this Recipe

How did this recipe turn out? Let others know!

to rate this recipe

Caramelized-Onion Double-Cheese Grilled Sandwich with Garlic-Thyme Butter

By Catja Leon

Caramelized-Onion Double-Cheese Grilled Sandwich with Garlic-Thyme Butter - sourdough bread, medium-thick slices, unsalted butter recipe

A sumptuous, restaurant-style grilled sandwich layered with sweet, deeply caramelized red onion, ripe tomato, peppery arugula and a molten combination of cheddar and Gruyère. Finished in a garlic-thyme butter for a crisp, golden exterior and ultra-rich interior—each bite balances sweet, savory and tangy notes with a satisfying crunch.

Modern American (French-influenced)Intermediate2 servings
Prep: 15 minutes
Cook: 15 minutes
30 minutes

Ingredients

  • 4 slices (about 240 g total) sourdough bread, medium-thick slices
  • 4 tbsp (56.8 g) unsalted butter
  • 1 tbsp (13.5 g) extra-virgin olive oil
  • 1 small (about 70 g) red onion, thinly sliced
  • 1 tsp (4 g) granulated sugar
  • 56 g (about 2 oz) cheddar cheese, sliced or shredded
  • 56 g (about 2 oz) Gruyère cheese, sliced or shredded
  • 1 medium (about 120 g) ripe tomato, thinly sliced
  • 1 cup (about 20 g) fresh arugula
  • 1 tsp (5 g) Dijon mustard
  • 1 clove (about 3 g) garlic, minced
  • 1 tsp (approx. 1 g fresh) fresh thyme leaves (or 1/4 tsp dried)

Instructions

1

Prepare the caramelized onions: heat 1 tbsp olive oil in a medium skillet over medium heat. Add the thinly sliced red onion, a pinch of salt and 1 tsp sugar. Cook, stirring occasionally, for 10–12 minutes until the onions are deeply golden and very soft. (Why: Moderate heat and a little sugar speed and encourage the Maillard reaction and caramelization without burning—the goal is sweet, jammy onions that will contrast the salty cheese.)

2

Make garlic-thyme butter: in a small bowl, mash together 4 tbsp unsalted butter, minced garlic and thyme until smooth. Season lightly with salt and pepper. (Why: Softened butter holds aromatics so it spreads evenly and helps create a crisp, flavored crust when the sandwich is grilled.)

3

Assemble the sandwiches: Lay out 4 slices of sourdough. Spread about 1 tsp Dijon mustard on the inside of two slices (this gives a subtle acidic counterpoint to the richness). On each mustard-coated slice add half the cheddar and half the Gruyère (layering two cheeses gives nutty depth and excellent melt). Top with half the caramelized onions, 3–4 tomato slices, a pinch of salt and pepper, then a handful of arugula. Close with the remaining bread slices. (Why: Layering cheese directly on the bread helps it melt into the crumb and bond the sandwich; the arugula goes inside rather than on top to keep it from wilting too much.)

4

Butter the outsides: spread the garlic-thyme butter evenly on the outside faces of both sandwiches (about 2 tbsp butter per sandwich, 1 tbsp per side). Press gently. (Why: The flavored butter promotes even browning, a crunchy exterior and adds aromatic complexity.)

5

Grill the sandwiches: heat a heavy skillet or cast-iron pan over medium-low to medium heat. Place sandwiches in the pan and cook 4–5 minutes per side, pressing lightly with a spatula, until golden brown and cheese is melted. If the bread browns too fast before the cheese melts, reduce the heat and cover the pan for 1–2 minutes to trap heat and help the cheese melt. (Why: Moderate heat gives time for the interior to warm and cheese to melt without burning the buttered crust; covering the pan creates steam to finish melting.)

6

Rest and slice: transfer sandwiches to a cutting board and let rest 2 minutes (this keeps cheese from running out too much when you cut). Slice diagonally and serve immediately. (Why: A short rest lets the molten cheese settle so each slice holds together and the flavors marry slightly.)

Chef's Tips

  • 1If your skillet is small, grill one sandwich at a time so each gets even contact with the pan for uniform browning.
  • 2To speed melting without over-browning, preheat the oven to 300°F (150°C) and place the assembled, buttered sandwiches in the oven for 3–4 minutes right after starting the pan—this gently warms the interior, then finish on the skillet for crisp crust.
  • 3Use a combination of a sharper cheese (cheddar) and a nutty, melting cheese (Gruyère) for contrast; avoid low-moisture pre-shredded cheese which can be drier and melt unevenly due to anti-caking agents.

Variations

  • Caprese-style: replace the cheddar and Gruyère with fresh mozzarella and a drizzle of balsamic glaze; omit mustard and add fresh basil leaves.
  • Protein add-ins: add thinly sliced roasted turkey or prosciutto between the cheese layers for a heartier sandwich. If using prosciutto, omit additional salt.
  • Vegan option: use a plant-based butter and two slices of a good melting vegan cheese (or a cashew-based spread) and swap arugula for baby spinach.

Nutrition per Serving

878

Calories

28g

Protein

77g

Carbs

52g

Fat

5g

Fiber

Rate this Recipe

Your Rating:

Explore More

🥘 More with sourdough bread, medium-thick slices🥘 More with unsalted butter🥘 More with extra-virgin olive oil

Similar Recipes