src/App.tsx

@@ -1,3 +1,11 @@
+import './settings/styles/index.scss'
+
+import { Header } from './template/Header'
+
 export function App() {
-	return <div className="App"></div>
+	return (
+		<>
+			<Header />
+		</>
+	)
 }

src/settings/styles/global/exports.scss

@@ -0,0 +1,2 @@
+@import './reset';
+@import './config';

src/settings/styles/utils/exports.scss

@@ -0,0 +1,4 @@
+@import './resources/colors.scss';
+@import './resources/fonts.scss';
+@import './helpers/mixin';
+@import './helpers/functions';

src/template/Header/Header.tsx

@@ -0,0 +1,3 @@
+export function Header() {
+	return <header>Hi, I'm Header</header>
+}

src/template/Header/index.ts

@@ -0,0 +1 @@
+export { Header } from './Header'